单击复选框后如何更改行的背景颜色?
答案 0 :(得分:2)
你需要一个Javascript的镜头。
<h:selectBooleanCheckbox onclick="highlightRow(this)">
与
function highlightRow(checkbox) {
getParentByTagName(checkbox, 'tr').style.background = (checkbox.checked) ? '#6f6' : 'none';
}
function getParentByTagName(element, tagName) {
var p = element.parentNode;
return p ? ((p.tagName.toLowerCase() == tagName.toLowerCase()) ? p : getParentByTagName(p, tagName)) : false;
}
或者如果您已经在使用jQuery:
function highlightRow(checkbox) {
$(checkbox).closest('tr').css('background', checkbox.checked ? '#6f6' : 'none');
}