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

Why is this Javascript much *slower* than its jQuery equivalent?

I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...

Is it possible to have IF statement in an Echo statement in PHP

Thanks in advance. I did look at the other questions/answers that were similar and didn't find exactly what I was looking for. I'm trying to do this, am I on the right path? echo " <div id='tabs-".$match."'> <textarea id='".$match."' name='".$match."'>". if ($COLUMN_NAME === $match) { echo $FIELD_WITH_COLUMN_NAME; } else { } ."</textarea> <script type='text/javascript'> CKEDITOR.replace( '".$match."' ); </script> </div>"; I am getting the following error message in the browser: Parse error: syntax error, unexpected T_IF Please let me know if this is the right way to go about nesting an IF statement inside an echo. Thank you.