checkbox全选不选反选代码
自用copy
效果
<script type="text/javascript">
window.onload = function(){
var odiv1= document.getElementById('div1');
var obut1 = document.getElementById('but1');
var obut2 = document.getElementById('but2');
var obut3 = document.getElementById('but3');
var obut12 = odiv1.getElementsByTagName('input');
obut1.onclick = function () {
for(var i=0;i<obut12.length;i++)
obut12[i].checked=true;
}
obut2.onclick = function() {
for(var i=0;i<obut12.length;i++)
obut12[i].checked=false;
}
obut3.onclick = function() {
for(var i=0;i<obut12.length;i++)
{
if (obut12[i].checked==true)
{
obut12[i].checked=false;
} else {
obut12[i].checked=true;
}
}
}
}
</script>
<input type="button" id="but1" value="全选">
<input type="button" id="but2" value="不选">
<input type="button" id="but3" value="反选">
<div id="div1">
<input type="checkbox" name="" >
<input type="checkbox" name="" >
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
</div>
有关软件下载,资源查找可以来看看小编的网站,谢谢
网址:www.miaozan.art