複選框選中改變tr整行顏色事件
阿新 • • 發佈：2019-02-07
<script type="text/javascript"> $(function () {
//input 單擊事件
$("input").click(function () {
//獲取checkbox選中項
if ($(this).prop("checked") == true) {
$(this).parent().parent().css("background", "#b2dba1");
} else {
$(this).parent().parent().css("background", "");
}
});
})
<body>
<table style="text-align: center" class="auto-style1">
<tr>
<td>選 擇</td>
<td>姓 名</td>
<td>性 別</td>
<td>年 齡</td>
</tr>
<tr>
<td>
<input id="Checkbox1" type="checkbox" /></td>
<td>楊菲</td>
<td>女</td>
<td>23</td>
</tr>
<tr>
<td>
<input id="Checkbox2" type="checkbox" /></td>
<td>劉儒龍</td>
<td>男</td>
<td>24</td>
</tr>
<tr>
<td>
<input id="Checkbox3" type="checkbox" /></td>
<td>樑歡</td>
<td>女</td>
<td>23</td>
</tr>
<tr>
<td>
<input id="Checkbox4" type="checkbox" /></td>
<td>羅巨集祥</td>
<td>男</td>
<td>24</td>
</tr>
<tr>
<td>
<input id="Checkbox5" type="checkbox" /></td>
<td>李清峰</td>
<td>男</td>
<td>24</td>
</tr>
</table>
</body>