【问题标题】:Jquery check all using toggle methodjQuery检查所有使用切换方法
【发布时间】:2012-07-06 05:43:25
【问题描述】:

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

此时每个人都会隐藏一个字段,但最好是选中所有检查按钮。

谢谢

【问题讨论】:

标签: jquery checkbox toggle


【解决方案1】:

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

检查所有:

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

取消选中所有:

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

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

【讨论】:

  • Zee,使用它可以让我选中和取消选中所有复选框,但不会切换表中的字段。每个复选框将隐藏一个表格行。有没有办法将检查全部纳入其中?
  • 在您的change 事件中使用if (this.checked) 而不是使用toggle
猜你喜欢
  • 2015-03-22
  • 2018-09-27
  • 1970-01-01
  • 2014-04-28
  • 2013-09-03
  • 1970-01-01
  • 2012-03-28
相关资源
最近更新 更多