使用 jQuery 更改组中单选按钮的值属性答案

【问题标题】：Changing value attribute of radio buttons in a group using jQuery使用 jQuery 更改组中单选按钮的值属性
【发布时间】：2015-10-20 09:52:59
【问题描述】：

我有多个动态添加的单选按钮。我想将所选单选按钮的值属性更改为"yes"，并在选择其他单选按钮后将单选按钮的值更改为"no"。

<input type="radio" name="tab-active" value="no" />

我可以使用以下 jQuery 将值更改为 "yes"：

$(document).on("click","input[name=tab-active]:radio",function(){
    if($("input:radio[name=tab-active]").is(":checked")) {
        $(this).val('yes');
    }
});

一旦选择了其他单选按钮，如何将所选单选按钮的 value 属性更改为 "no"？

【问题讨论】：

标签： javascript jquery html radio-button

【解决方案1】：

使用:not() 选择器。而且，如您所见，您还可以使用 :checked 将值设置为 yes。

$(document).on("click","input[name=active]:radio",function(){
    $("input:radio[name=active]:checked").val('yes');
    $("input:radio[name=active]:not(:checked)").val('no');
});

JSFiddle

【讨论】：

+1 提高效率并将我介绍给:not() 选择器。

【解决方案2】：

另一种方式，

$(document).on("click","input[name=tab-active]:radio",function(){
    $("input:radio[name=tab-active]:not(:checked)").val('no');
    if($(this).is(':checked')) {
        $(this).val('yes');
    }
});

DEMO

【讨论】：

【解决方案3】：

你可以制作像这样的html标签

<input type="radio" id="1" name="tab-active"  /><span id="lbl1">no</span>
<input type="radio" id="2" name="tab-active" /><span id="lbl2">no</span>
<input type="radio" id="3" name="tab-active"  /><span id="lbl3">no</span>

和js代码一样

$(document).on("click","input[type:radio]",function(){    
    if($("input:radio[name=tab-active]").is(":checked")) {
       $("#lbl" + $(this).attr('id')).html("yes");   
    }
});

您可以在此链接中查看它http://jsfiddle.net/nkvak/

希望对你有帮助

【讨论】：

【解决方案4】：

$("input[name='tab-active']").change(function()
    {
        $("input[name='tab-active']").val('no');
        $(this).val('yes');
    }
)

Fiddle demo

【讨论】：