aktiviert/deaktiviert Kontrollkästchen, wenn Zeilenauswahl bereits ausgewählt

Question

Meine Checkbox funktioniert nicht (nicht markiert), wenn ich Zeile Tabelle ausgewählt habe.

Dies ist meine Zeilenauswahl.

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

Ich habe Handler für Checkbox, aber kein Glück.

"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

Verwenden hasClass() aktuellen ausgewählten Zustand zu überprüfen und das Kontrollkästchen wechseln verwenden

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

Demo