更改标签上的标签颜色单击无线电组

时间:2017-11-04 05:16:32

标签: jquery radio-button label

我正在创建一个广播组,当点击广播的标签时,它会更改标签颜色。收音机将被隐藏,因此只会显示标签。我找到了用于标签点击的代码,我发现堆栈上的代码用于更改单击时的每个标签颜色,但我不知道如何将这两个部分放在一起。

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

0 个答案:

没有答案