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

时间:2012-07-05 21:39:05

标签: jquery checkbox toggle

如何使用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();
    });
})

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

由于

1 个答案:

答案 0 :(得分:2)

使用prop()函数(jQuery v1.6 +):

全部检查:

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

取消选中全部:

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

要检查输入是否已选中,您可以使用if (this.checked)