复选框:<input type = "check">
设置默认选中:<input type="check" checked="checked">
JS中设置被选中:obj.checked = true
JS取消选中:obj.checked = "false"
JS反选:obj.checked = !obj.checked;
单选框:<input type = "radio">
设置默认选中:<input type = "radio" checked="checked">
JS中设置被选中:obj.checked = true
JS取消选中:obj.checked = false
JS反选:obj.checked = !obj.checked;
function $(id) {
return typeof id === "string"?document.getElementById(id):null;
}
var inputs=document.querySelectorAll("input");
//全选
$("b1").onclick = function () {
for(let i=0;i<inputs.length;i++)
{
inputs[i].checked = true;
}
}
//取消选中
$("b2").onclick = function () {
for (let i = 0; i < inputs.length; i++) {
inputs[i].checked = false;
}
}
//反选
$("b3").onclick = function () {
for (let i = 0; i < inputs.length; i++) {
inputs[i].checked = !inputs[i].checked;
}
}