checkbox全选，全不选，半选

标签：

今天和大家分享一个checkbox的方法，checkbox全选，全不选，半选，网上很多写的不是很全面，我就自己重新写了一个checkbox全部选中和部分选中，半选。直接上代码采用javascript写的。有什么疑问直接回复。

<input type="checkbox" class="allcheck" value="全选" />
<input type="checkbox" class="itemcheck" />
<input type="checkbox" class="itemcheck" />
<input type="checkbox" class="itemcheck" />
<input type="checkbox" class="itemcheck" />
<input type="checkbox" class="itemcheck" />
<input type="checkbox" class="itemcheck" />
<input type="checkbox" class="itemcheck" />
<input type="checkbox" class="itemcheck" />

<script>
var allc = document.querySelector(".allcheck"),
itemc = document.getElementsByClassName("itemcheck");

//全选
allc.onclick = function () {
var ischeck = allc.checked;
for (var i = 0; i < itemc.length;i++)
{
itemc[i].checked = ischeck;
}
}

//全不选
for (var i = 0; i < itemc.length; i++) {
itemc[i].onclick = function () {
chk_canle();
}
}

function chk_canle() {
var flag = true, k = 0;
for (var i = 0; i < itemc.length; i++) {
if (!itemc[i].checked) {
flag = itemc[i].checked;
k++;
}
}

if (flag) {
allc.indeterminate = false;
allc.checked = flag;
} else {
if (k == itemc.length) {
allc.indeterminate = false;
allc.checked = false;
} else {
allc.indeterminate = true;
}

}
}

</script>

checkbox全选，全不选，半选

标签：

原文地址：http://www.cnblogs.com/wanglong-0871/p/4736143.html