📅  最后修改于: 2023-12-03 14:50:36.824000             🧑  作者: Mango
当需要取消选中多个复选框时,我们可以写一个JavaScript函数来实现。这个函数将用于处理一个含有复选框的表单。
function uncheckAllCheckboxes() {
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
}
在这个函数中,我们首先采用querySelectorAll()函数来选择所有的checkboxes.
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
然后,我们通过循环遍历所有的checkboxes,并把它们的checked属性设置为false。
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
这个函数可以通过一种便利的方式来调用,如下所示:
<button onclick="uncheckAllCheckboxes()">取消选中</button>
当点击这个按钮时,它会调用uncheckAllCheckboxes()函数,这会取消所有复选框的选中状态。
以上就是一个简单的JavaScript函数,可以用来取消一个表单中的所有复选框的选中状态。