javascript - 删除输入检查的类不起作用

Question

我已设置，如果选中“输入”复选框，则不透明度将从 0.5 变为 1。

这不起作用，如果我做相反的事情，它实际上会起作用，但这不是我的目标!

我的 CSS 代码

    .opacitychange {opacity: 1;}
    #total {opacity: 0.5;}

和

    if($("#iva").is(':checked'))
    {
        $('#total').html('+' + vat);
        total += vat;
        $('#total').addClass("opacitychange");
    }    
    else
        $('#total').html('0.00').removeClass("opacitychange");

    if($("#irpef").is(':checked'))
    {
        $('#total1').html('-' + irpf);
        total -= irpf;
        $('#total1').addClass("opacitychange");
    }
    else
        $('#total1').html('0.00').removeClass("opacitychange");
        $("#total2").html(total.toFixed(2));
    };

出了什么问题？

这里是case

Answer 1

如果您的代码确实是:

if($("#iva").is(':checked'))
{
    $('#total').html('+' + vat);
    total += vat;
    $('#total').addClass("opacitychange");
}    
else
    $('#total').html('0.00').removeClass("opacitychange");

if($("#irpef").is(':checked'))
{
    $('#total1').html('-' + irpf);
    total -= irpf;
    $('#total1').addClass("opacitychange");
}
else // <-- this is not a typo?
    $('#total1').html('0.00').removeClass("opacitychange");
    $("#total2").html(total.toFixed(2));
};

那么您只需在 else 语句中添加括号 {} 即可。您的 jsFiddle 中也有同样的问题，您的 else 语句是:

else
    $('#total').html('0.00');
    $('#total').html('0.00').removeClass("opacitychange");

你实际上只执行了else语句中的第一条指令；然后总是删除该类。修复该问题后，您仍然可能会遇到 css gerarchy 的一些问题，但如果您进行更改:

.opacitychange {opacity: 1;}

至:

.opacitychange {opacity: 1 !important;}

那么它应该可以工作。

PS:抱歉我的英语不好。