📌  相关文章
📜  取消选中多个复选框 javascript (1)

📅  最后修改于: 2023-12-03 14:50:36.824000             🧑  作者: Mango

取消选中多个复选框 JavaScript

当需要取消选中多个复选框时,我们可以写一个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函数,可以用来取消一个表单中的所有复选框的选中状态。