<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function test() {
// 直接获取所有input
var array = document.getElementsByTagName("input");
// 或:给要反转的CheckBox添加box样式
//var array = document.getElementsByClassName("box");
for (var i in array) {
var box = array[i];
if (box.checked == true) {
box.checked = false;
}else if (box.type == "checkbox") {
box.checked = true;
}
}
}
</script>
</head>
<body>
<input type="checkbox" checked>1
<input type="checkbox" checked>2
<input type="checkbox">3
<input type="checkbox">4
<button onclick="test()">反转</button>
</body>
</html>