Hallo zusammen,
ich habe eine HTML-Seite mit einer generierten Tabelle, d.h. der Inhalt bzw. die Zeilen werden durch eine Funktion (Daten aus einer DB auslesen)
gefüllt.
Jede Zeile beinhaltet u.a. Checkboxes.
Die letzte Spalte in einer Zeile ist ein "Select-All"-Checkbox.
Ich möchte, wenn ich ein Hacken in den "Select-All"-Checkbox setzte, dann werden alle Checkboxes in dieser Zeile selektiert.
Momentan werden eher alle Checkboxes selektiert, weil ich mit der ID suche. die identisch für alle Zeile ist.
Ich suche eine Lösung um die RowIndex des selektierten Checkbox zu ermitteln und zu prüfen, nur wenn Checkbox in dieser Zeile ist dann einchecken.
Ich habe lange rumprobiert, aber vergeblich...
z.B.
var table = $('#xxxxtable').DataTable();
..
const row = document.getElementById('select_all');
var rowID = row.tabIndex ;
...
this.parentNode.parentNode.rowIndex
...
var colValue= this.dataItem($(e.currentTarget).closest("tr"));
Ich wäre dankbar wenn jemand hier weiterhelfen kann.
Danke
<script type="text/javascript">
$(document).ready(function(){
$('#select_all').on('click',function(){
if(this.checked){
$('.dunkel').each(function(){
this.checked = true;
});
}else{
$('.dunkel').each(function(){
this.checked = false;
}
});
}
});
$('.checkbox').on('click',function(){
if($('.dunkel:checked').length == $('.dunkel').length){
$('#select_all').prop('checked',true);
}else{
$('#select_all').prop('checked',false);
}
});
});
</script>
Alles anzeigen