如何用无线电按钮/选择盒值对div进行着色

Question

我有以下情况..。

3个复选框(123)、1个选择框和1个额外复选框(4)

$("#checkbox8").change(function(){
setCheckbox();
});

$("#selecti").change(function(){
setCheckbox();
});

var setCheckbox = function() {
if ($('#selecti').val() == "501 - 1000" || $('#checkbox8').is(':checked'))
{
    if (!$('#lastcheck').is(':checked'))
    {
        $('#lastcheck').click();
    }        
    $("#lastcheckdiv").attr("style","background-color:red");
}
else
{
    $('#lastcheckdiv').removeAttr("style");
}

}；

演示

我希望，如果选中了选择框中的某个值或某个复选框，另一个复选框将得到一个红色背景。

在我的例子中，当我检查checkbox1时，checkbox4会变红。但是，如果我单击另一个复选框2/3，checkbox4将保持红色。提前感谢！

Answer 1

必须在每次更改复选框时调用setCheckbox()函数

变化

$("#checkbox8").change(function() {
setCheckbox();
});

至

$("input[type=checkbox]").change(function(){
setCheckbox();
});

它会起作用的

或者..。对于更干净的解决方案，请给每个应该改变背景颜色(1,2,3)的复选框一个特殊类，如"colorSwitcher“，然后执行如下操作：

$(".colorSwitcher").change(function() {
setCheckbox();
)};

还有..。演示(固定)：http://jsfiddle.net/v39j52s0/5/