jQuery如何设置复选按钮选中，求解

例如:

<span class="allcheck  all1"><input type="checkbox" value=""  >全选1</span>

<span class="check1"><input type="checkbox" value="" >例1</span>

<span class="check1"><input type="checkbox" value="" >例2</span>

<span class="check1"><input type="checkbox" value="" >例3</span>

<span class="check1"><input type="checkbox" value="" >例4</span>

<span class="allcheck  all2"><input type="checkbox" value="" >全选2</span>

<span class="check2"><input type="checkbox" value="" >例1</span>

<span class="check2"><input type="checkbox" value="" >例2</span>

<span class="check2"><input type="checkbox" value="" >例3</span>

<span class="check2"><input type="checkbox" value="" >例4</span>

<span class="allcheck  all3"><input type="checkbox" value="" >全选3</span>

<span class="check3"><input type="checkbox" value="" >例1</span>

<span class="check3"><input type="checkbox" value="" >例2</span>

<span class="check3"><input type="checkbox" value="" >例3</span>

<span class="check3"><input type="checkbox" value="" >例4</span>

当全选后，下面的所有按钮都选中，取消选中状态，下面的所有按钮都取消选中

jQuery代码：

实验1：

$(",allcheck").click(function(){

var ob = $(".allcheck").attr("checked");

$(".check").attr("checked",ob);

});

为啥就不行？？当alert(ob)时是undefined；

实验2：

$(".allcheck").each(function(i){

        $(".allcheck").eq(i).children("input").click(function(){

                var ob = this.checked;
                $('.body'+i+' input').attr("checked",ob);

        });

      
});

也是不行；

实验3：

在全选列按钮添加一个onclick函数，并且传一个i参数，如:

<span class="allcheck  all1"><input type="checkbox" value=""  οnclick="checkall(1)" >全选1</span>

<span class="check1"><input type="checkbox" value="" >例1</span>

<span class="check1"><input type="checkbox" value="" >例2</span>

<span class="check1"><input type="checkbox" value="" >例3</span>

<span class="check1"><input type="checkbox" value="" >例4</span>

<span class="allcheck  all2"><input type="checkbox" value=""  οnclick="checkall(2)" >全选2</span>

<span class="check2"><input type="checkbox" value="" >例1</span>

<span class="check2"><input type="checkbox" value="" >例2</span>

<span class="check2"><input type="checkbox" value="" >例3</span>

<span class="check2"><input type="checkbox" value="" >例4</span>

<span class="allcheck  all3"><input type="checkbox" value=""  οnclick="checkall(3)" >全选3</span>

<span class="check3"><input type="checkbox" value="" >例1</span>

<span class="check3"><input type="checkbox" value="" >例2</span>

<span class="check3"><input type="checkbox" value="" >例3</span>

<span class="check3"><input type="checkbox" value="" >例4</span>

function checkall(i){

if($('.all'+i).children("input").attr("checked")==true){
        $(".body"+i+" input").attr("checked",true);

}else{
        $(".body"+i+" input").attr("checked",false);

}

}

也不行；

实验4：//还是添加onclick函数，判断是否选中的方法变了

function checkall(i){

if($('.all'+i).children("input").prop("checked")==true){
        $(".check"+i+" input").prop("checked",true);

}else{
        $(".check"+i+" input").prop("checked",false);

}

}

这次可以了