如何在 Java 脚本中捕获复选框输入元素？答案

【问题标题】：How to capture a check box input element in Java script?如何在 Java 脚本中捕获复选框输入元素？
【发布时间】：2022-01-03 12:33:44
【问题描述】：

<form name="formname">
  <input type="text" maxlength="100" name="user_name" id="user_input"></input>
  <input type="checkbox" name="website_response[]" value="I really like your site" id="checkbox">I like your site</input>
  <input type="checkbox" name="website_response[]" value="One of the best site">One of the best site</input>
  <input type="checkbox" name="website_response[]" value="good site">Good Site</input>
  <input type="checkbox" name="website_response[]" value="I wish my site were good">I wish my site were good</input>
</form>

上面的代码将 name 属性包含为一个数组。如何在 Javascript 中访问它？

【问题讨论】：

您的 HTML 无效，输入会自动关闭，因此应省略 </input>
为什么所有这些名字都一样（除了第一个<input>）？当[] 位于name 属性的末尾时，您是否期望会发生不同的事情？因为没有

标签： javascript checkbox

【解决方案1】：

您可以使用以下方法访问复选框的name 属性：

var checkboxes = document.querySelectorAll("input[type=checkbox]");
var names = [];
checkboxes.forEach(elem => {
    names.push(elem.name);
});

如果您只想要选中的复选框的name 属性，您可以使用：

var checkboxes = document.querySelectorAll("input[type=checkbox]");
var names = [];
checkboxes.forEach(elem => {
    if(elem.checked) {
        names.push(elem.name);
    }
});

【讨论】：