jquery - 使用 jquery 检查所有复选框

Question

$(document).ready(function(){
    function set_checked {
        alert('test'); 
        $('*:checkbox').attr('checked', checked);
    }
}); 

还有这个 html

<input onclick="set_checked()" value="Check all" type="button" />

由于某种原因不起作用。没有警告框或什么都没有。

Answer 1

你有几个问题，

• set_checked 函数定义中缺少括号
• undefined variable 检查
• onclick 引用了不是真正全局的全局函数

使用 jQuery 时，最好使用 jQuery click 方法将点击事件添加到元素。 以下是使用 jQuery 正确执行此操作的方法。

$(document).ready(function(){
    // If you want to use the `set_checked` function elsewhere do this
    function set_checked() {
        $('*:checked').attr('checked', true);
    }
    $('#check_all').click(set_checked);

    // If you are only doing `set_checked` on the button press do this
    $('#check_all').click(function() {
        $('*:checked').attr('checked', true);
    });
});

<input id="check_all" value="Check all" type="button"/>