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

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

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

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

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


当前回答

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

其他回答

$('input:radio[name=theme]:checked').val();

下面的代码用于按名称获取所选单选按钮值

jQuery("input:radio[name=theme]:checked").val();

谢谢 Adnan

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

这应该可以做到,所有这些都在文档中,其中有一个非常类似的例子:

$("input[type='radio'][name='theme']").click(function() {
    var value = $(this).val();
});

我还应该注意到,在该代码片段中有多个相同的id。这是无效的HTML。使用类来对一组元素进行分组,而不是id,因为它们应该是唯一的。

还可以使用CSS类定义单选按钮的范围,然后使用下面的值来确定

$('.radio_check:checked').val()