chebox全选，反选，是否全选中

最新推荐文章于 2023-10-15 20:29:37 发布

原创最新推荐文章于 2023-10-15 20:29:37 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#checkBox

checkBox 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现复选框全选功能的方法，并详细展示了如何通过遍历获取已选中项的数量来判断是否全选，同时实现了复选框选中状态的值管理。

是否全选中的代码
$("input[name='checkbox']").click(function(){
var de = $("input[name='checkbox']");
var num=0;
[color=red]for(i = 0; i < de.length; i++){
if(de[i].checked == true){
num++;
}
}[/color]
if(num==de.length){
$("#checkboxAll").attr("checked",true);
}else{
$("#checkboxAll").attr("checked",false);
}

/*复选框取值*/
if(this.checked){
add_jstc(this.value,"id_input_jstc");
}else{
reduce_jstc(this.value,"id_input_jstc");
}

});

function add_jstc(value,id){
var s_jstc=document.getElementById(id).value;
if(s_jstc.indexOf(value+",")>=0){
return;
}
else{
document.getElementById(id).value=s_jstc+value+","
}
}

function reduce_jstc(value,id){
var s_jstc=document.getElementById(id).value;

if(s_jstc.indexOf(value+",")>=0){
s_jstc=s_jstc.replace(value+",","");

document.getElementById(id).value=s_jstc
return;
}
else{
return;

}
}