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");
}
}
});