Question

如何更改引导表中已检查/选定行的颜色，当选择表格颜色的行时应该更改特定行

$(document).ready(function () {
$('.checkall').on('click', function () {
    var $this = $(this),
        // Test to see if it is checked
        checked = $this.prop('checked'),
        //Find all the checkboxes
        cbs = $this.closest('table').children('tbody').find('.checkbox');
    // Check or Uncheck them.
    cbs.prop('checked', checked);
    //toggle the selected class to all the trs
    cbs.closest('tr').toggleClass('selected', checked);
 });

 });

Answer 1

如果要突出显示复选框上的表格行，我们可以使用带有is（“：checked”）的if条件，如果是，我们使用.closest（）找到最接近的tr元素，而不是添加类到它使用addClass（）

$("input[type='checkbox']").change(function (e) {
if ($(this).is(":checked")) { //If the checkbox is checked
    $(this).closest('tr').addClass("highlight_row"); 
    //Add class on checkbox checked
} else {
    $(this).closest('tr').removeClass("highlight_row");
    //Remove class on checkbox uncheck
}
});

DEMO

来源：Mr.Alien

更改引导程序表中所选行的颜色

1 个答案: