如何为Web表单创建"全​​部检查"链接？

Question

我有一个带有一堆复选框的表单,我想提供一个"全部检查"链接/按钮.

我正在使用下面的代码,但是当它运行时,它会在页面上拾取一些单选按钮,并检查/取消选中它们.我该如何解决？

var check = 0;
function doNow()
{
    void(d=document);
    void(el=d.getElementsByTagName('INPUT'));
    for(i=0;i<el.length;i++)
    {
        if(check == 0)
            void(el[i].checked=1)
        else
            void(el[i].checked=0) 
    }
    if(check == 0)
        check = 1;
    else 
       check = 0;
}

Answer 1

您将要检查元素的类型,以确保您不会意外地检查错误类型的输入.

基本示例:

function checkAll( toggle ) {
    var inputs = document.getElementsByTagName( 'input' );
    for( var i = 0; i < inputs.length; i++ ) {
        if( inputs[i].type == 'checkbox' ) {
            inputs[i].checked = toggle;
        }
    }
}

例如,您可能希望添加其他检查,例如仅对特定逻辑"组"中的复选框起作用.