Jquery使用toggle方法检查所有内容

Question

如何使用 jquery 进行全部选中，取消选中所有选择，这样我就可以选择每个单独的选项，但是有超过 20 个复选框，我需要全选或取消全选

<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

JQUERY

$(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)