如何通過單選按鈕着色DIV /選擇框值

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

我想，如果在選擇框或某個複選框一定值被選中，另一個一定複選框出現一個紅色的背景。

在我的情況下，當我檢查checkbox1時，複選框4變成紅色。但是如果我點擊另一個複選框2/3，複選框4會保持紅色。提前致謝！

來源

2014-10-17 moody

請發表您的代碼顯示你已經嘗試了什麼。 – j08691 2014-10-17 15:11:14

在代碼塊中包裝JSFiddle鏈接以超過JSFiddle鏈接需要包含的代碼的警告正在違反規則。我冒昧地評論此鏈接。請修改您的帖子，在問題本身中包含來自JSFiddle的相關代碼。 – 2014-10-17 15:11:18

http://jsfiddle.net/ry4k8ve9/4/對不起，我正在編輯問題:) – moody 2014-10-17 15:21:19

你必須調用setCheckbox（）函數在每一個複選框變化

變化

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

到

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

，也將努力

還是......爲一個更清潔的解決方案，給每個應該改變背景顏色的複選框（1,2,3）一個特殊的類E 「colorSwitcher」，然後做這樣的事情：

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

而且...... 演示（固定）： http://jsfiddle.net/v39j52s0/5/

來源

2014-10-17 15:15:29 Mandalorserbe

tHi Mandalorserbe，感謝您的時間。在您的演示覆選框4不要改變Rightaway，只有在第二時間:( – moody 2014-10-17 16:06:28

嗯日本我看到： -/ – Mandalorserbe 2014-10-17 16:15:00

要去嘗試找到解決方案，然後我回家...不能編輯我的智能手機上的小提琴... – Mandalorserbe 2014-10-17 16:16:06

如何通過單選按鈕着色DIV /選擇框值

回答

相關問題