2017-11-18 1 views
0

Meine Checkbox funktioniert nicht (nicht markiert), wenn ich Zeile Tabelle ausgewählt habe.aktiviert/deaktiviert Kontrollkästchen, wenn Zeilenauswahl bereits ausgewählt

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

+0

* "funktioniert nicht" * doesn‘ t erklären das erwartete Verhalten oder ein spe cific Problem – charlietfl

+0

wenn ich Zeilentabelle ausgewählt habe, Kontrollkästchen nicht aktiviert. Sie können in der Geige sehen – Ananda

+0

Wollen Sie sagen, Sie wollen Kontrollkästchen aktiviert/deaktiviert, wenn Sie irgendwo in Zeile klicken? – charlietfl

Antwort

2

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

+0

Oww cool .. Danke myHero(); – Ananda

Verwandte Themen