Toggle Checkbox value in DataTable

Question

I am rendering a checkbox in a datatable using fnRender, like this.

"aoColumnDefs":[ { 
                   "aTargets": [0],
                   "fnRender": function ( oObj ) {
   return '<input id="chkBox" name="chkBox" value="'+ oObj.aData[0] +'" type="checkbox" checked="" />';
                                                 }
                                              }
                                             ]

Now I would like to toggle the value of the checkbox on click , hence I have written the following function inside the $(document).ready( function() like this

$('.chkBox').change(function() {
                               if($(this).is(':checked')){
                                    alert("checked");
                               } else {
                                   alert("unchecked");
                               }
                            });

But this does not seem to work , and neither does Firebug throw any error. I am unable to follow this.

Can anybody please tell me whether what I am doing is correct or wrong.

Thanks in advance , vivek

Reigel Gallarde · Accepted Answer · 2011-10-21 08:23:13Z

3

have you tried this?

$('.chkBox').live('click',function() {
     if(this.checked){
         alert("checked");
     } else {
         alert("unchecked");
     }
});

or

$('#datatables').delegate('.chkBox','change',function() {
     if(this.checked){
         alert("checked");
     } else {
         alert("unchecked");
     }
});

answered Oct 21, 2011 at 8:23

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

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

Collectives™ on Stack Overflow

Toggle Checkbox value in DataTable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related