Skip to main content

How to check every checkboxes in a jquery datatable?



I have a table with checkboxes in the first column. I use the jQuery DataTable plugin display my table.





I made 2 links to select/unselect every checkboxes. Here's the one to select all :







<a href="" name="CheckAll" onClick="checkAll(document.email_list_form_inviter.getElementsByClassName(\'email_checkbox\'), event)" >Select all</a>







And the javascript :







function checkAll(field, event) {

event.preventDefault();

for (i = 0; i < field.length; i++)

field[i].checked = true ;



return false;

}







But the datatable enables pagination and my function select only the visible checkboxes, not those of the other pages. How can do to select every checkboxes in my data table? Thanks :)





Solution :





Ok I did this with fnGetNodes, thank you amccausl!







$("a[name='CheckAll']").click(function(event) {

event.preventDefault();

var nodes = datatable.fnGetNodes( );

$('.email_checkbox', nodes).attr("checked", "checked");

});




Comments

  1. You can use fnGetNodes to grab all the nodes you need, instead of the getElementsByClassName.

    You should also be using jquery.click() event instead of defining an onClick yourself

    ReplyDelete

Post a Comment

Popular posts from this blog

Slow Android emulator

I have a 2.67 GHz Celeron processor, 1.21 GB of RAM on a x86 Windows XP Professional machine. My understanding is that the Android emulator should start fairly quickly on such a machine, but for me it does not. I have followed all instructions in setting up the IDE, SDKs, JDKs and such and have had some success in staring the emulator quickly but is very particulary. How can I, if possible, fix this problem?