Eine Tabelle, gebaut mit ASP.NET Webforms, soll die selektierte Zeile farblich markiert anzeigen. Technisch rendert ein Repeater Control die HTML Table, mit einer gebundenen Checkbox. Zum Einsatz kommt Bootstrap 4.
Die Lösung ist allgemeingültig, weil rein auf HTML, JavaScript und eben den passenden Boostrap CSS Klassen. Diese haben im Unterschied zur 3er Version nun ein table- Präfix.
1: <script>
2: $("input[type='checkbox']").change(function (e) {
3: if ($(this).is(":checked")) {
4: $(this).closest('tr').addClass("table-success");
5:
6: } else {
7: $(this).closest('tr').removeClass("table-success");
8: }
9: });
10: </script>