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

Question

我正在实现一个带有一些复选框输入元素的HTML表单,我希望有一个Select All或DeSelect All按钮.但是,我不想依赖输入元素的名称(如此示例)而是依赖于类型,因为我有多个具有不同名称的复选框组.有没有办法通过依赖类型而不是名称来检查和取消选中表单中的所有复选框输入元素？

编辑:我们依赖于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>