checkbox复选框的全选事件

来源:互联网 发布:linux mac修改 编辑:程序博客网 时间:2024/05/01 01:18

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");            }        }    });
0 0
原创粉丝点击