Javascript 使用JSDOM,我希望获得所有具有相同名称的输入标记

Javascript 使用JSDOM,我希望获得所有具有相同名称的输入标记,javascript,dom,Javascript,Dom,嘿,伙计们,我有这个简单的表单,只需要知道如何调用所有名为“checks”的输入标记 <form> <ul> <li><input type="checkbox" name="checks"/> A</li> <li><input type="checkbox" name="checks"/> B</li> <li><input

嘿,伙计们,我有这个简单的表单,只需要知道如何调用所有名为“checks”的输入标记

<form>
    <ul>
        <li><input type="checkbox" name="checks"/> A</li>
        <li><input type="checkbox" name="checks"/> B</li>
        <li><input type="checkbox" name="checks"/> C</li>
        <li><input type="checkbox" name="checks"/> D</li>
    </ul>
</form>
见:

console.log(document.querySelectorAll('input[name=checks'))

  • A
  • B
  • C
  • D
请参见:

console.log(document.querySelectorAll('input[name=checks'))

  • A
  • B
  • C
  • D
您可以使用和:

您还可以使用
.forEach
循环对它们进行迭代:

var checkboxes = document.querySelectorAll('input[name="checks"]');

Array.prototype.forEach.call(checkboxes, function (el) {
    console.log(el.name);
});
当然,您也可以使用:

您可以使用和:

您还可以使用
.forEach
循环对它们进行迭代:

var checkboxes = document.querySelectorAll('input[name="checks"]');

Array.prototype.forEach.call(checkboxes, function (el) {
    console.log(el.name);
});
当然,您也可以使用:

使用:

您将得到一个包含所有这些输入的NodeList对象。

使用:


您将得到一个节点列表对象,其中包含所有这些输入。

Ugh,w3=(我更改了对Mozilla Developer Network的引用。但是w3school有什么问题吗?还要注意,如果有其他元素的输入名称未设置为checks+1以将其更改为MDN,则示例将失败:@JuanMendes是的,但OP仅使用相同的名称作为输入。啊,w3school=(我更改了对Mozilla Developer Network的引用。但是w3school有什么问题吗?还要注意,如果有其他元素的输入名称未设置为checks+1以将其更改为MDN,则您的示例将失败:@JuanMendes是的,但OP仅使用相同的名称作为输入。@ryan OP的可能重复项未使用j。)Query.OP的可能重复项@ryan未使用jQuery。如果要确保所有输入,则必须过滤
getElementsByName
的结果如果要确保所有输入,则必须过滤
getElementsByName
的结果
var checkboxes = document.querySelectorAll('input[name="checks"]');

Array.prototype.forEach.call(checkboxes, function (el) {
    console.log(el.name);
});
document.getElementsByName('checks');
var inputs = document.getElementsByName("checks");