在DataTable中切换复选框值

Question

我正在使用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也没有抛出任何错误。我无法遵循这一点。

任何人都可以告诉我，我所做的是正确还是错误。

提前致谢，vivek

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");
     }
});