How can I check multiple check boxes in jQuery? [duplicate]

Question

I have a table with a checkbox at the start of each row. Each Checkbox has the ID of #tablecheckbox. The table header row has a check icon which should check all boxed in the table. How can I do this with jQuery?

Make your ids a class, then follow this link: stackoverflow.com/questions/426258/… — bfavaretto
– bfavaretto, Commented Aug 16, 2013 at 5:31
instead of using id try to use name attriubute it can help to check all check boxs. — tamilmani
– tamilmani, Commented Aug 16, 2013 at 5:32
Can you please show the code for your table (at least the header and a few body rows)? — rink.attendant.6
– rink.attendant.6, Commented Aug 16, 2013 at 5:38

Jay Hardia · Accepted Answer · 2013-08-16 06:18:27Z

6

Here head_checkbox is id of top header and person class is all row checkbox

 $('#head_checkbox').on('change', function () {
            if ($(this).is(':checked')) {
                $('.person').attr('checked', true);
            } else {
                $('.person').attr('checked', false);
            }
        });

        $('.person').click(function () {
            var total_length = $('.person').length;
            var total_checked_length = $('.person:checked').length;

            if (total_length == total_checked_length) {
                $('#head_checkbox').attr('checked', true);
            } else {
                $('#head_checkbox').attr('checked', false);
            }
        });

edited Aug 16, 2013 at 6:18

answered Aug 16, 2013 at 5:35

Jay Hardia

7466 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

DGS Over a year ago

live is deprecated since 1.7 on() should be used instead

Aryan Firouzian Over a year ago

I used to set document.getElementById("head_checkbox").checked attribute. Your approach seems more clean. Thanks.

Kanishka Panamaldeniya · Accepted Answer · 2013-08-16 05:51:46Z

2

       $('#head_checkbox').click(function () {
            if ($(this).is(':checked')) {
                $('.person').attr('checked', true);
            } else {
                $('.person').attr('checked', false);
            }
        });


        $('.person').click(function () {
            if ($('.person').length == $('.person:checked').length) {
                $('#head_checkbox').attr('checked', true);
            } else {
                $('#head_checkbox').attr('checked', false);
            }
        });

answered Aug 16, 2013 at 5:51

Kanishka Panamaldeniya

17.6k31 gold badges128 silver badges195 bronze badges

Collectives™ on Stack Overflow

How can I check multiple check boxes in jQuery? [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related