javascript - 使用 JavaScript 通过类型而不是名称来操作 HTML 输入(复选框)元素

Question

我正在实现一个带有一些复选框输入元素的 HTML 表单，我想要一个全选或取消全选按钮。但是，我不想依赖输入元素的名称(如 this example )，而是类型，因为我有多个名称不同的复选框组。有没有一种方法可以依靠类型而不是名称来使用 JavaScript 选中和取消选中表单中的所有复选框输入元素？

编辑:我们依赖于 YUI 库，所以如果 YUI 提供了解决方案，我可以访问它。

Answer 1

应该这样做:

<script>
function checkUncheck(form, setTo) {
    var c = document.getElementById(form).getElementsByTagName('input');
    for (var i = 0; i < c.length; i++) {
        if (c[i].type == 'checkbox') {
            c[i].checked = setTo;
        }
    }
}
</script>

<form id='myForm'>
<input type='checkbox' name='test' value='1'><br>
<input type='checkbox' name='test' value='1'><br>
<input type='checkbox' name='test' value='1'><br>
<input type='checkbox' name='test' value='1'><br>
<input type='checkbox' name='test' value='1'><br>
<input type='button' onclick="checkUncheck('myForm', true);" value='Check'>
<input type='button' onclick="checkUncheck('myForm', false);" value='Uncheck'>
</form>