要突出显示一行,我的代码是:
function highlight_row(row_id)
{
var row = document.getElementById(row_id);
row.style.background = "yellow"; // background yellow
}
我的 HTML 代码是:
<tr id="row_{{ forloop.counter }}"><td>{{ word.n }}</td><td style="padding:0;"><a href="/search/?q={{ word.word }}" style="padding:5px;display:block;color:blue;">{{ word.word }}</a></td><td style="text-align:center"><input type="checkbox" name="checkbox_{{ word.id }}" onclick="highlight_row('row_{{ forloop.counter }}')" /></td></tr>
当用户取消单击该行的复选框时,如何取消突出显示该行?
最佳答案
将“this”添加到调用函数中:
<td style="text-align:center">
<input type="checkbox"
name="checkbox_{{ word.id }}"
onclick="highlight_row('row_{{ forloop.counter }}',this)" />
</td>
现在您可以使用复选框的选中状态来确定要执行的操作:
function highlight_row(row_id,checkbox)
{
var row = document.getElementById(row_id);
row.style.background = checkbox.checked ? "yellow" : "";
}
关于javascript - 当有人取消单击复选框时如何更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5846922/