如何通过单选按钮/选择框值为 div 着色答案

【问题标题】：how to color div by radiobutton/selectbox values如何通过单选按钮/选择框值为 div 着色
【发布时间】：2014-10-18 00:59:27
【问题描述】：

我这里有以下情况……

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");
}

};

Demo

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

在我的情况下，当我选中复选框 1 时，复选框 4 变为红色。但是，如果我单击另一个 checkbox2/3，则 checkbox4 保持红色。提前致谢！

【问题讨论】：

请发布您的代码，展示您的尝试。
将您的 JSFiddle 链接包装在代码块中以超过有关需要与 JSFiddle 链接一起包含的代码的警告是违反规则的。我冒昧地评论了这个链接。请编辑您的帖子以在问题本身中包含您的 JSFiddle 中的相关代码。
jsfiddle.net/ry4k8ve9/4 抱歉，我正要编辑问题:)

标签： jquery checkbox radio

【解决方案1】：

您必须在每次 Checkbox 更改时调用 setCheckbox() 函数

改变

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

到

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

它会起作用的

或者...为了更简洁的解决方案，给每个应该改变背景颜色（1、2、3）的复选框一个特殊的类——比如“colorSwitcher”，然后做这样的事情：

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

还有... 演示（固定）： http://jsfiddle.net/v39j52s0/5/

【讨论】：

您好 Mandalorserbe，感谢您抽出宝贵时间。在您的演示中，复选框 4 不会立即更改，仅在第二次之后:(
我会尝试找到解决方案，然后我就回家了......无法在我的智能手机上编辑小提琴......