更改未选中复选框的父元素的颜色

时间:2013-07-31 15:35:09

标签: jquery checkbox jqgrid

我正在使用jqGrid,我有很多复选框,其中的值是数据库中的puller:

<td role="gridcell" style="text-align:center;" title="" aria-describedby="schedule_1st draft ?">
    <input type="checkbox" value="0" offval="no" disabled="disabled"></td>
<td role="gridcell" style="text-align:center;" title="" aria-describedby="schedule_Art work ?">
    <input type="checkbox" value="0" offval="no" disabled="disabled"></td>
<td role="gridcell" style="text-align:center;" title="" aria-describedby="schedule_On sys ?">
    <input type="checkbox" checked="checked" value="1" offval="no" disabled="disabled"></td>

加载网格后,我想更改未选中的单元格复选框的背景颜色。我在尝试:

if ($("input:checkbox:not(:checked)")) {
        $(this).parents().css('background-color', '#666');
    } 

但没有任何改变。

请提出更好的建议吗?

2 个答案:

答案 0 :(得分:1)

试试这个:

$("input:checkbox:not(:checked)").parent().css('background-color', '#666');

答案 1 :(得分:0)

我首先检查一下$(this).parents()在控制台中实际返回的内容(是否找到了td和tr)但我首先想到的是你可能需要查明使用jQuery的nearest()方法:

$(this).closest('td').css('background-color', '#666');

jQuery: closest()