Javascript 如何将单个css类用于多个ID？

我正在尝试将以下CSS应用于给定div ID下的多个div

.strikeout
{
    background : blue;
}

我正在使用以下javascript代码更改网格中选定行的颜色

$("#jqxGridInvoiceEntry").on("cellvaluechanged", function (event){
    var rowindex = event.args.rowindex;
    var checkboxState=event.args.value;
    var rowTag=$("#row"+rowindex+"jqxGridInvoiceEntry div");

    if(checkboxState==true)
    {
        rowTag.addClass("strikeout");
    }
    else
    if(checkboxState==false)
    {
        rowTag.removeClass("strikeout");
    }
});  

请参阅下面的screeshot。当我选中第一行的复选框时，它的背景色变为蓝色。问题是，当我选中第二行中的复选框时，其背景色变为蓝色，但先前选中的行的背景色消失。第一行ID将是row0jqxGridInvoiceEntry，以此类推，用于后续行

我正在使用JQWidgets框架。HTML代码是

<div style="float: left;" id="jqxGridInvoiceEntry"></div>

---

在我看来，当你的回调结束时，你的页面会被重新加载

如果找到的话。他们说应该使用preventDefault（）来禁止这种行为。希望能有帮助

.三振.其他二级.第三级{ 背景：蓝色；}

---

从您发布的代码判断，唯一的可能性是

cellvaluechanged

事件也会对第一行触发，这可能是因为当您选中第2行的其他复选框时，其中的复选框未选中

此代码：

else
if(checkboxState==false)
{
    rowTag.removeClass("strikeout");
}

---

将删除背景色。

我认为jquery的实现方式有点令人困惑。在这里，我将以不同的方式实现相同的结果

HTML

 <table cellpadding="0" cellspacing="0" border="0" width="100%" id="MainTable">
<tr>
    <td>First</td> 
    <td><input type='checkbox'  /></td>
    <td>Some INformation</td>
    <td>Testing</td>
</tr>
<tr>
    <td>Second</td> 
    <td><input type='checkbox' /></td>
    <td>Some INformation</td>
    <td>Testing</td>
</tr>
<tr>
    <td>Third</td> 
    <td><input type='checkbox' /></td>
    <td>Some INformation</td>
    <td>Testing</td>
</tr>
</table>

JQUERY

 $('#MainTable input[type=checkbox]').on('click',function(){
    $(this).parent().toggleClass('green').siblings().toggleClass('green');
  });

---

请添加您的HTML。能否显示相关HTML的示例？图片中选定的行背景颜色为绿色。标题是蓝色的。。。那么你想改变标题的背景色@panther：我正在使用一个名为JQWidgets的框架。我将根据使用的ID生成HTML。@Justinas:绿色是由于鼠标悬停所致。当我单击void列中的复选框时，整行应该变成蓝色。

 $('#MainTable input[type=checkbox]').on('click',function(){
    $(this).parent().toggleClass('green').siblings().toggleClass('green');
  });