选中/取消选中复选框

Question

当我选择了行表时，我的复选框不起作用（未选中）。

这是我的排选。

$('#mainTable tbody').on('click', 'tr', function() { 
    $(this).toggleClass('selected'); 
    }); 

我已经包括处理复选框，但没有运气。

"rowCallback": function(row, data, dataIndex){ 
     var rowId = data[0]; 

     if($.inArray(rowId, rows_selected) !== -1){ 
      $(row).find('input[type="checkbox"]').prop('checked', true); 
      $(row).addClass('selected'); 
     } 
     } 

Reference

JSFiddle Demonstration

Answer 1

使用hasClass()来检查当前选中的状态，并用它来切换复选框

$('#mainTable tbody').on('click', 'tr', function() { 
     var $row=$(this), 
      isSelected = $row.hasClass('selected') 
     $row.toggleClass('selected') 
      .find(':checkbox').prop('checked', !isSelected); 
}); 

Demo