checkbox复选框的全选事件

checkbox复选框的全选事件

今天做了一些关于全选框的任务：主要包括了

• 复选框全选
• 再次点击全选框取消全选
• 选中全部的子项，自动选中全选复选框
• 取消选中其中一行，则不选中全选项
  上网学习总结最后通过js和jquery实现了上面几个功能，下面给出javascript部分的内容。

---

复选框

/*
     * 复选框全选事件
     */
     $("#all_check").change(function(){
         if($("#all_check").attr("checked")=="checked"){
             $("input[name='checkbox']").attr("checked","checked");
         }else{
             $("input[name='checkbox']").removeAttr("checked","checked");
         }
     });

    $("input[name='checkbox']").change(function(){
        var check = document.getElementsByName('checkbox');
        var count = 0;
        for(var i=0;i<check.length;i++){
            if(check[i].checked){//选中全部的子项，自动选中全选复选框；
                count += 1;
                if(count == check.length){
                    $("#all_check").attr("checked","checked");
                }
            }else{//取消选中其中一行，则不选中全选项；
                $("#all_check").removeAttr("checked","checked");
            }
        }
    });