带有jquery的多行复选框

Question

我想要做的是使用复选框更改已检查的某一行的背景颜色。问题是，只能选择第一行（彩色）。

php

<td align=center>
<input value='.$row['id'].' type=checkbox name=flag id=flag '.$tick.'>
</td>

jquery的

$("#flag").on('change', function() {
    var matching = $(this).closest('tr')   
    if($(this).prop('checked') == true) {
        matching.css({'background-color':'rgba(175,0,0,0.2)'});
    }
    else {
        matching.css({'background-color':'rgba(175,0,0,0)'});
    }
});

Answer 1

您的事件选择器错误，请尝试：

$("input[name='flag']").on('change', function() {
    var matching = $(this).closest('tr');   
    if($(this).is(':checked')) {
        matching.css({'background-color':'rgba(175,0,0,0.2)'});
    }
    else {
        matching.css({'background-color':'rgba(175,0,0,0)'});
    }
});