javascript - 使用 JS DOM，我想获取所有具有相同名称的输入标签

Question

大家好，我有这个简单的表单，只需要知道如何调用名称为“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>

到目前为止，我拥有的 JS 是:

function myFunc() {
    return document.getElementsByTagName('input').name;
}

Answer 1

你可以使用 .querySelectorAll()和一个 attribute selector :

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

您还可以使用 .forEach 循环来迭代它们:

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

Array.prototype.forEach.call(checkboxes, function (el) {
    console.log(el.name);
});

当然你也可以使用.getElementsByName() :

document.getElementsByName('checks');