<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="checkbox" id="Selectall" />全选
<button id="Counter">反选</button>
<input type="checkbox" class="Single" />单选1
<input type="checkbox" class="Single" />单选2
<input type="checkbox" class="Single" />单选3
<script>
var checkbox = document.getElementsByClassName('Single')
var Selectall = document.getElementById('Selectall')
var checkOther = document.getElementById('Counter')
Selectall.onclick = function() {
var flag = true
for (var i = 0; i < checkbox.length; i++) {
if (!checkbox[i].checked) flag = false
}
if (flag) {
for (var i = 0; i < checkbox.length; i++) {
checkbox[i].checked = false
}
} else {
for (var i = 0; i < checkbox.length; i++) {
checkbox[i].checked = true
}
}
}
checkOther.onclick = function() {
for (var i = 0; i < checkbox.length; i++) {
checkbox[i].checked = !checkbox[i].checked
}
}
</script>
</body>
</html>
js实现全选和反选
最新推荐文章于 2023-07-11 22:34:21 发布