jQuery check all checkboxes in datatable

Question

I have the following javascript code inside index.php:

$(function () {
     $('.checkall').click(function () {
          $(this).find(':checkbox').attr('checked', this.checked);
     });
});

I retrieve information via ajax and create a table from that information using jQuery Data Tables, inside data tables head I have a checkbox with class='checkall'.

Why doesn't the checkbox that is inside the head check all other checkboxes retrieved via ajax?

*I get not errors inside Firebug

*I checked How to check every checkboxes in a jquery datatable? but still don't get it ... :(

Ghokun · Accepted Answer · 2012-04-15 15:10:20Z

1

$(function () {
     $('.checkall').click(function () {
          $(':checkbox').not(this).attr('checked', this.checked);
     });
});

works if there is no other checkbox on the page besides your head checkbox and the ones you want to check

answered Apr 15, 2012 at 15:10

Ghokun

3,5154 gold badges30 silver badges34 bronze badges

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

1 Comment

erikvimz Over a year ago

works now, I added the code directly onto the element: onclick="$(\':checkbox\').not(this).attr(\'checked\', this.checked);"

GreyBeardedGeek · Accepted Answer · 2012-04-15 15:02:56Z

1

I think that your problem is probably with your use of $(this), which probably references the 'checkall' checkbox.

find() finds descendents of the node, and the checkboxes that you want to check are not descendants of that checkbox.

The example that you cite shows the correct way to do it, by referenceing datatable.fnGetNodes()

answered Apr 15, 2012 at 15:02

GreyBeardedGeek

30.3k2 gold badges51 silver badges71 bronze badges

Comments

aquinas · Accepted Answer · 2012-04-15 15:16:50Z

0

In addition to what GreyBeardedGeek said, if you are loading via ajax, if your checkall checkbox is being created via an ajax call and is inserted into the DOM, then your click event will NOT fire. In this case, you should use "on" (or "live" depending on your version of jQuery): http://api.jquery.com/live/. Example:

$(document).on("click", ".checkall", 
  function(){ $(this).find(':checkbox').attr('checked', this.checked); });

answered Apr 15, 2012 at 15:16

aquinas

23.9k5 gold badges60 silver badges82 bronze badges

Collectives™ on Stack Overflow

jQuery check all checkboxes in datatable

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related