全选与全不选

Posted 曉瀦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了全选与全不选相关的知识,希望对你有一定的参考价值。

<input type="checkbox" id="a" value="" />全选
<input type="checkbox" class="b" value="1" />1
<input type="checkbox" class="b" value="2" />2
<input type="checkbox" class="b" value="3" />3
<input type="checkbox" class="b" value="4" />4
<input type="checkbox" class="b" value="5" />5

<script>
var a = document.getElementById("a");
var b = document.getElementsByClassName("b");

var y = true
a.onchange = function(){
if(a.checked){
for(var i = 0 ; i<=b.length;i++)
b[i].checked = true;
}else{
for(var i = 0 ; i<=b.length;i++){
b[i].checked = false;
}
}
}

</script>

以上是关于全选与全不选的主要内容,如果未能解决你的问题,请参考以下文章

checkbox 的全选与全不选

jquery控制checkbox全选与全不选

原生JavaScript实现checkbox全选与全不选

JS——全选与全不选

gridview中checkbox的全选与全不选

bootstrap表格结合anglarjs 含全选与全不选(-)