Javascript Rich Datatable在单击时突出显示选定行复选框

我有datatable，我想在jsf中单击复选框（第0列）以使用RichFaces框架时突出显示选中的行

我的jquery脚本应该是怎样的

<rich:dataTable id="modelList" value="#{bean.modelList}" var="model" rows="#{bean.dataTableRowCountEachPage}"  rowClasses="odd-row,even-row">
            <rich:column width="20px">
                <f:facet name="header">
                    <h:outputText value="Select" />
                </f:facet>
                <h:selectBooleanCheckbox  class="checkboxClass" value="#{model.selected}">
                    <f:ajax event="click" listener="#{bean.getSelectedItems}" render=":tableForm:res" />
                </h:selectBooleanCheckbox>
            </rich:column>

            <rich:column sortBy="#{model.applicationName}" filterValue="#{model.applicationName}" filterExpression="#{fn:containsIgnoreCase(model.applicationName,bean.applicationNameFilter)}">
                <f:facet name="header">
                    <h:panelGroup>
                        <h:outputText value="Application Name" />

                        <h:inputText value="#{bean.applicationNameFilter}">
                            <a4j:ajax event="blur" render="modelList" execute="@this" />
                        </h:inputText>
                    </h:panelGroup>
                </f:facet>
                <h:outputText value="#{model.applicationName}" />
            </rich:column>  

    </h:form>

我正在使用这个css查询

<script>
        $(document).ready(function(){
                          $("checkboxButton").click(function(){
                                            $("tr").toggleClass("selected");
                                            });
                          });
        </script>



<style>
.selected
{

.rf-dt-c:select-checkbox{
                background-color: #f7dbdb;
        }

}
</style>

$（文档）.ready（函数（）{
$（“复选框按钮”）。单击（函数（）{
$（“tr”）。切换类别（“选定”）；
});
});
.选定
{
.rf-dt-c：选中复选框{
背景色：#f7dbdb；
}
}

---

此查询工作错误方式突出显示所有行

我现在处理它。我用了这个脚本

<script>
$('.checkboxClass').each(function (index, item) {
        if ($(item).is(':checked')==true) {

        var row = $('.rf-dt-r')[index];

        $(row).css('background-color', '#f7dbdb');
    }
    });

</script>

$（'.checkboxClass'）。每个（函数（索引，项）{
如果（$（项）.is（':checked'）==true）{
var行=$（'.rf-dt-r'）[索引]；
$（行）.css（'background-color'，'#f7dbdb'）；
}
});

到目前为止您尝试过什么吗？这个jquery有什么问题吗？它会导致第三次世界大战吗？当你点击一个类时，你的jquery在哪里切换它？你对问题进行了变色处理，这是不好的。我想说，在复选框的onlick中，切换行上的css“selectedRow”类并使用普通css来设置样式更容易。那么就不需要像这样的javascript了。@Kukeltje我的css应该是什么样子的..tbody td.select-checkbox.tbody th.select-checkbox{background color:#f7dbdb；}切换类的onclick在哪里？