Javascript 使用JSDOM,我希望获得所有具有相同名称的输入标记
嘿,伙计们,我有这个简单的表单,只需要知道如何调用所有名为“checks”的输入标记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
<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");