Jquery 当我使用多个复选框时,如何更改类?

Jquery 当我使用多个复选框时,如何更改类?,jquery,Jquery,我从Spring收到一些表格。在这个表格中,我有两个复选框。当选中第一个复选框时,我需要将类更改为一个类,当选中第二个复选框时,我将类更改为两个类,当两个复选框一起选中时,我将类更改为三个类。 我写了一些代码,如果我使用一个复选框,这段代码是有效的,但是我不明白如何为两个复选框编写这段代码,正如我上面描述的那样 $(".ifChange input[type=checkbox]:checked").each(function(){ $(this).closest(

我从Spring收到一些表格。在这个表格中,我有两个复选框。当选中第一个复选框时,我需要将类更改为一个类,当选中第二个复选框时,我将类更改为两个类,当两个复选框一起选中时,我将类更改为三个类。

我写了一些代码,如果我使用一个复选框,这段代码是有效的,但是我不明白如何为两个复选框编写这段代码,正如我上面描述的那样

  $(".ifChange input[type=checkbox]:checked").each(function(){
            $(this).closest("tr").addClass("oneClass");
   });
  $(".ifChange input[type=checkbox]").change(function(){

     if($(this).is(":checked")) {
        $(this).closest("tr").addClass("oneClass");
    } else {
        $(this).closest("tr").removeClass("oneClass");
    }          
   });

如果选中了“所有”复选框,则可以使用“长度”属性进行检查。然后选中每个复选框。我已经做了一个你可以调用的函数。试试吼叫

$(“.ifChange输入[类型=复选框]:选中”).each(函数(){
checkClass($(此))
});
$(“.ifChange输入[类型=复选框]”).change(函数(){
checkClass($(此))
});
函数checkClass(_self){
_self.closest(“tr”).removeClass();
checkboxLen=_self.closest(“tr”).find(“input[type=checkbox]:checked”).length;
如果(checkboxLen==2){
_self.closest(“tr”).addClass(“三级”);
}如果(_self.closest(“tr”).find(.receiveOrder”))是(“:checked”)){
_self.closest(“tr”).addClass(“oneClass”);
}否则,如果(_self.closest(“tr”).find(.sentOrderToCustomer”)(“:checked”)){
_self.closest(“tr”).addClass(“twoClass”);
}  
}
table.ifChange tr.oneClass{
背景色:#a39fa1;
}
table.ifChange tr.twoClass{
背景色:#5da300;
}
table.ifChange tr.threeClass{
背景色:#a34800;
}

举出一个
电话一号
奥德代特

仓库订单
已发送订单 举两个例子 电话二 二级
仓库订单
已发送订单 说出三个 电话三 第三
仓库订单
已发送订单 说出四个 电话四 十二分之四
仓库订单
已发送订单
$(“.ifChange输入[type='checkbox']”)。更改(函数(){
orderClasses($(this));
}).change();
函数OrderClass($el){
风险值tr=$el.最近(“tr”),
receive=tr.find(“输入[type='checkbox'][name='receiveOrder']”,
send=tr.find(“输入[type='checkbox'][name='sentOrderToCustomer']”;
tr.removeClass(“一类二类三类”);
if(receive.is(“:checked”)){
if(send.is(“:checked”)){
tr.addClass(“三级”);
}否则{
tr.addClass(“oneClass”);
}
}else if(send.is(“:checked”)){
tr.addClass(“twoClass”);
}
}
table.ifChange tr.oneClass{
背景色:#a39fa1;
}
table.ifChange tr.twoClass{
背景色:#5da300;
}
table.ifChange tr.threeClass{
背景色:#a34800;
}

举出一个
电话一号
奥德代特

仓库订单
已发送订单 举两个例子 电话二 二级
仓库订单
已发送订单 说出三个 电话三 第三
仓库订单
已发送订单 说出四个 电话四 十二分之四
仓库订单
已发送订单