如何选择所有表格行

时间:2013-03-16 12:46:19

标签: jquery

我有一个包含超过700行的表,其数据以网格和不同的页面显示,因此每个页面包含20行。我需要在第一页中有一个按钮,以便每当它单击所有700行时选择。 每行都有一个复选框,我想在用户点击按钮时检查所有内容。 为了处理它,我在页面中放了一个按钮,这样当用户点击它时,所有行都会检查。

$("#selectallboxes").click ( function () {
         $('#userTable input[type=checkbox]').attr('checked', 'checked');
    })

HTML code:

<input type='button' value='select all rows' id='selectallboxes' name='selectallboxes' />

4 个答案:

答案 0 :(得分:0)

尝试

$('#userTable input[type=checkbox]').attr('checked', true);

答案 1 :(得分:0)

试试这个:

$("#selectallboxes").click ( function () {
         $('#userTable input[type=checkbox]').attr('checked', true);
    })

修改

如果您想检入所有页面,那么

  1. 您将创建一个cookie并在单击按钮时将其设置为true,否则为false。

  2. 然后检查cookie是true还是false,然后使用jQuery检查所有复选框。

  3. 这样你可以做到这一点......!

答案 2 :(得分:0)

如果您使用的jQuery高于1.6+,则需要使用.prop()

jQuery区分属性和属性。

  1. .attr()获取属性,
  2. .prop()获取您的属性。
  3. 如果使用.attr(),无论是否选中该复选框,它都将返回true,因为它只是告诉您存在已检查的属性。因此,如果使用.attr(),checked="false"实际上将返回true。如果使用.prop(),则返回false。 .attr()如果你根本没有检查attr会工作,但它只会在你第一次使用时工作!对.attr(“已检查”)的所有后续调用都将表示为真。

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

答案 3 :(得分:0)

只需将一个类应用于所有复选框

$('.className').attr('checked','true')