<button id="qx">全选</button>
<button id="fx">反选</button>
<button id="bx">不选</button>
<input type="checkbox" name="" id="">鸿星尔克
<input type="checkbox" name="" id="">阿迪达斯
<input type="checkbox" name="" id="">耐克
<input type="checkbox" name="" id="">李宁
<input type="checkbox" name="" id="">乔丹
<script>
var qx = document.getElementById(‘qx‘)
var fx = document.getElementById(‘fx‘)
var bx = document.getElementById(‘bx‘)
var inputs = document.getElementsByTagName(‘input‘)
// 全选
qx.onclick = function () {
for (var i = 0; i < inputs.length; i++) {
inputs[i].checked = true
}
}
// 反选
fx.onclick = function () {
for (var i = 0; i < inputs.length; i++) {
// if(inputs[i].checked){
// inputs[i].checked = false
// }else {
// inputs[i].checked = true
// }
// 直接取反
inputs[i].checked = !inputs[i].checked
}
}
// 不选
bx.onclick = function () {
for (var i = 0; i < inputs.length; i++) {
inputs[i].checked = false
}
}
</script>
