<body>
<button id="alltrue">全选</button>
<button id="allfalse">全不选</button>
<button id="reverse">反选</button></br></br></br></br>
<input type="checkbox" ></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<script>
var btn1 = document.getElementsByTagName('button')[0];
var btn2 = document.getElementsByTagName('button')[1];
var btn3 = document.getElementsByTagName('button')[2];
var inputs = document.getElementsByTagName('input');
btn1.onclick = function(){
for(var i = 0;i <inputs.length ; i++){
inputs[i].checked = true;
}
}
btn2.onclick = function(){
for(var i = 0;i <inputs.length ; i++){
inputs[i].checked = false;
}
}
btn3.onclick = function(){
for(var i = 0;i <inputs.length ; i++){
if( inputs[i].checked == true){
inputs[i].checked = false;
}else{
inputs[i].checked = true;
}
}
}
</script>复选框/“全选”/“全不选”/“反选”
猜你喜欢
转载自blog.csdn.net/qq_41880978/article/details/82502179
今日推荐
周排行