jquery - jQuery检查所有使用切换方法

Question

如何使用 jquery 进行全选取消选中所有选择

<input type="checkbox" name="filters" rel="2" checked="checked" /> name
 &emsp; <input type="checkbox" name="filters" rel="3" checked="checked" />tname
&emsp;<input type="checkbox" name="filters" rel="4" checked="checked" />lname

查询

$(function(){
    $(':checkbox').on('change', function(){
        $('td').filter(':nth-child(' + $(this).attr('rel') + ')').toggle();
        $('th').filter(':nth-child(' + $(this).attr('rel') + ')').toggle();
    });
})

此时每个人都会隐藏一个字段，但对于检查所有检查按钮会很好。

谢谢

Answer 1

使用prop()函数（jQuery v1.6+）：

检查所有：

$("input[type='checkbox']").prop("checked", true);

取消选中所有：

$("input[type='checkbox']").prop("checked", false);

要检查是否检查了输入，您可以使用if (this.checked)