如何在有人取消单击复选框时更改背景颜色
如何在有人取消单击复选框时更改背景颜色
提问于 2011-05-01 14:39:35
要突出显示一行，我的代码是：
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>当用户取消单击该行的复选框时，如何取消突出显示该行？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-05-01 14:44:37
将'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" : "";
}Stack Overflow用户
发布于 2011-05-01 14:43:58
function highlight_row(row_id)
{
if (!highlight_row.toggleColor) highlight_row.toggleColor = 0;
var row = document.getElementById(row_id);
row.style.background = (highlight_row.toggleColor%2==0) ? "yellow" : ''; // put alternate color in ''
highlight_row.toggleColor++;
}Stack Overflow用户
发布于 2011-05-01 14:45:37
你是说像这样吗？
function highlight_row(row_id)
{
var row = document.getElementById(row_id);
if (row.style.background !== "yellow") {
row.style.background = "yellow";
}
else {
row.style.background = "white";
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5846922
复制相关文章
相似问题
腾讯云开发者
