Переключить значение флажка в DataTable

Question

Я рендеринг чекбокса в datatable с использованием fnRender, как это.

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

Теперь я хотел бы переключать значение флажка при нажатии, поэтому я написал следующую функцию внутри $(document).ready( function(), как это

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

Но, похоже, это не работает, и Firebug не выдает никакой ошибки. Я не могу следовать этому.

Может кто-нибудь сказать мне, правильно ли я делаю или нет.

Заранее спасибо, Вивек

Answer 1

вы пробовали это?

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

или

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