js版本的全選 反選 和全不選
阿新 • • 發佈:2018-11-03
這個以後做批量刪除之類的時候應該會用到 先記錄下來
<button id="b1">全選</button>
<button id="b2">反宣</button>
<button id="b3">全不選</button>
<input type="checkbox" />白菜
<input type="checkbox" />豬肉
<input type="checkbox" />粉條
<input type="checkbox" />蘿蔔
<input type="checkbox" />青菜
<script type="text/javascript">
var b1 = document.getElementById("b1");
var b2 = document.getElementById("b2");
var b3 = document.getElementById("b3");
var input = document.getElementsByTagName("input")
//全選
b1.onclick = function (){
for(var i = 0;i<input.length;i++){
input[i].checked = true;
}
}
//全不選
b3.onclick = function (){
for(var i = 0;i<input.length;i++){
input[i].checked = false;
}
}
//反選
b2.onclick = function (){
for(var i = 0;i<input.length;i++){
input[i].checked = !input[i].checked;
}
}
</script>