我想根據答案更改背景顏色我將正確答案隱藏在頁面內的標簽中。
<label id="correctanswer" name="1" class="rb" style="display:none;">Tom</label>
<label id="correctanswer" name="1" class="rb" style="display:none;">Liza</label>
我在代碼中有 2 個問題（請檢查 jsfiddle）
我想在用戶標記相關答案后單擊“提交”按鈕后更改答案的背景顏色。
但是即使用戶選擇了正確的答案，背景顏色也會變紅。
另外，我不希望它看起來像這樣。
只有用戶選擇的答案的背景應該是綠色或紅色，其他顏色不應改變。
我希望它看起來像這樣。
請檢查代碼；
http://jsfiddle.net/p9vgcuae/2/
uj5u.com熱心網友回復：
這很混亂，但它有效，應該給你一個更合乎邏輯的方法。
基本上回圈遍歷所有檢查的輸入并將用戶輸入與正確答案進行比較，然后更改其背景顏色......
$('#correctAnswer').click(function() {
var checkedInputs = $(this).parents().find(":checked")
checkedInputs.each(function() {
var answer = $(this).parent().parent().parent().find('#correctanswer').text()
if ($(this).val() === answer) {
$(this).parent().addClass('confirmed')
} else {
$(this).parent().css('background-color','red')
}
})
});
我建議您使用資料屬性而不是類和 ID 來改進您的組織
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/437470.html
標籤：javascript jQuery 阿贾克斯 jQuery-ui
上一篇：如何在時間選擇器中反轉范圍？
下一篇：在點擊功能內使用OR