我正在创建一个广播组,当点击广播的标签时,它会更改标签颜色。收音机将被隐藏,因此只会显示标签。我找到了用于标签点击的代码,我发现堆栈上的代码用于更改单击时的每个标签颜色,但我不知道如何将这两个部分放在一起。
<label style="vertical-align: baseline;" class="bfbs3-radio-inline bfbs3-inline " id="bfGroupLabel73" for="ff_elem73"><input class="ff_elem" type="radio" name="ff_nm_question1[]" value="1" id="ff_elem73"/>
同意 不同意
颜色变化代码
$(document).ready(function(){
var selectedRadioColor = "#492365";
var normalRadioColor = "#ccc";
// For changing color while document loads
$.each($(":radio"), function(){
//alert( $(this).prop("id")+ $(this).prop("checked") );
if($(this).prop("checked") == false)
{
$(this).parent().css("background-color", normalRadioColor);
}
else
{
$(this).parent().css("background-color", selectedRadioColor );
}
})
// For updating color when user interacts with radio buttons
$(":radio").click(function(){
$("[name='"+$(this).prop("name")+"']").parent().css("background-color", normalRadioColor);
$(this).parent().css("background-color", selectedRadioColor );
});
});
标签点击代码
$("label").click(function(e){
e.preventDefault();
$("#"+$(this).attr("for")).click().change();
});