我有3个单选按钮在我的网页,如下所示:

<标签=“主题灰色”> <输入类型=“无线电” id=“主题-灰色” 名称=“主题” 值=“灰色” />灰色</label> <标签=“主题粉红色”> <输入类型=“收音机” id=“主题-粉红色” 名称=“主题” 值=“粉红色” />粉红色</label> <标签=“主题绿色”> <输入类型=“无线电” id=“主题-绿色” 名称=“主题” 值=“绿色” />绿色</label>

在jQuery中,我想在单击这三个按钮中的任何一个时获得所选单选按钮的值。在jQuery中,我们有id(#)和类(.)选择器,但如果我想找到一个单选按钮的名字,如下所示?

$("<radiobutton name attribute>").click(function(){});

请告诉我如何解决这个问题。


当前回答

对于那些不想包含库的人来说,做一些非常简单的事情:

document.querySelector('[name="theme"]:checked').value;

斯菲德尔

有关当前答案的性能概述,请检查这里

其他回答

对于那些不想包含库的人来说,做一些非常简单的事情:

document.querySelector('[name="theme"]:checked').value;

斯菲德尔

有关当前答案的性能概述,请检查这里

如果你想要一个true/false值,使用这个:

  $("input:radio[name=theme]").is(":checked")

如果你想知道点击事件之前默认选中单选按钮的值,试试这个:

alert($("input:radio:checked").val());
$('input:radio[name=theme]').bind(
  'click',
  function(){
    $(this).val();
});

这对我很有效。

HTML:

<input type="radio" class="radioClass" name="radioName" value="1" />Test<br/>
<input type="radio" class="radioClass" name="radioName" value="2" />Practice<br/>
<input type="radio" class="radioClass" name="radioName" value="3" />Both<br/>

Jquery:


    $(".radioClass").each(function() {
        if($(this).is(':checked'))
        alert($(this).val());
    });

希望能有所帮助。