![](/img/trans.png)
[英]I want to use a dropdown menu that will change the bgColor of the document using JavaScript
[英]How do I change <tr> bgcolor with Javascript using a checkbox?
我有这个HTML
<table border="1">
<tr>
<td>
<input type="checkbox">
</td>
<td>
Hello
</td>
<td>
my friend!
</td>
</tr>
<tr>
<td>
<input type="checkbox">
</td>
<td>
...
</td>
<td>
...
</td>
</tr>
...
</table>
如果要在激活复选框后更改<tr>
bgcolor,该怎么办? 我想我可能需要对onclick()
做些事情。
编辑:我需要的是复选框应该只修改他当前的行。
可能的方法之一:
document.getElementById('table').onclick = function(e) {
var e = e || event,
el = e.srcElement || e.target;
if (el.tagName == 'INPUT') {
el.parentNode.parentNode.className = el.checked ? 'active' : '';
}
};
在此示例中,事件冒泡到监听它的父表,然后在需要时将其分派。
$(function () {
$('tr').on('click', 'input:checkbox', function () {
$(this).parents('tr').toggleClass('active');
});
});
CSS:
tr.active {
background-color: #FFC;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.