jQuery获取所选单选按钮的值

问题陈述很简单。我需要看看用户是否从无线电组中选择了一个单选按钮。组中的每个单选按钮共享相同的id。

问题是我无法控制表单是如何生成的。下面是单选按钮控件代码的样例代码:

<input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

除此之外，当单选按钮被选中时，它不会添加一个“checked”属性到控件中，只是文本检查(我猜只是没有值的属性检查)。下面是选定的无线电控件的外观

<input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

有人能帮助我用jQuery代码，可以帮助我得到选中单选按钮的值吗?

当前回答

要获得选中单选按钮的值，使用RadioButtonName和包含该单选按钮的Form Id。

$('input[name=radioName]:checked', '#myForm').val()

或仅通过

$('form input[type=radio]:checked').val();

2015-06-18 06:33:04

其他回答

我不是javascript的人，但我在这里找到了搜索这个问题。对于谁谷歌它和发现这里，我希望这有助于一些。所以，如果我们有一个单选按钮列表:

<div class="list">
    <input type="radio" name="b1" value="1">
    <input type="radio" name="b2" value="2" checked="checked">
    <input type="radio" name="b3" value="3">
</div>

我可以用这个选择器找到哪个选择了:

$('.list input[type="radio"]:checked:first').val();

即使没有选择任何元素，我仍然不会得到未定义的错误。因此，在获取元素的值之前，不需要编写额外的if语句。

下面是一个非常基本的jsfiddle示例。

2014-10-25 20:18:55

要获得选中单选按钮的值，使用RadioButtonName和包含该单选按钮的Form Id。

$('input[name=radioName]:checked', '#myForm').val()

或仅通过

$('form input[type=radio]:checked').val();

2015-06-18 06:33:04

这段代码可以工作。

var radioValue = $("input[name='gender']:checked").val();

2021-04-11 08:42:50

举个例子

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1  /jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>



<script>
$(document).ready(function () {
    $('#myForm').on('click', function () {
        var value = $("[name=radio]:checked").val();

        alert(value);
    })
});
</script>

2017-06-21 07:28:06

我知道我这么晚才加入。但值得一提的是，它需要

<label class="custom-control-label" for="myRadioBtnName">Personal Radio Button</label>

然后我在js中检查了这个。可以是这样

$(document).ready(function () { 

$("#MyRadioBtnOuterDiv").click(function(){
    var radioValue = $("input[name=myRadioButtonNameAttr]:checked").val();
    if(radioValue === "myRadioBtnName"){
        $('#showMyRadioArea').show();
    }else if(radioValue === "yourRadioBtnName"){
        $('#showYourRadioArea').show();
    }
});
});

2020-04-13 10:36:16

jQuery获取所选单选按钮的值

推荐文章

最新文章

标签