修改被選中的單選項的樣式，但是添加了樣式之後修改選項樣式仍然存在，即同時出現兩個被選中的樣式，以下是我的代碼，請問各位應該如何修改？
<p class="choice">
<label>
<input type="radio" class="a" name="1"><span class="aFont">aaaaa</span>
</label>
<label>
<input type="radio" class="b" name="1"><span class="bFont">bbbbb</span>
</label>
<label>
<input type="radio" class="c" name="1"><span class="cFont">ccccc</span>
</label>
<label>
<input type="radio" class="d" name="1"><span class="dFont">ddddd</span>
</label>
</p>
<script>
$(document).ready(function(){
$(".choice input[type = 'radio']").on("click",function(){
if ($(".choice input:checked")){
$(this).siblings().css("background","red");
}
});
});
</script>
你选中的 是input 不是label 注意 $(this).parent().css("background","green").siblings()
代码没测试, 思路就是先移除所有背景色,再给点击的那一个添加背景色, 你这个if判断是不需要的