使用jQuery从Radio Buttons获取Text

时间:2013-07-16 14:14:12

标签: jquery html

这是我的无线电按钮设置。

<div id="radio" align="center">        
    <br />
    <input type="radio" id="radio1" name="radioService" /><label for="radio1">Option 1</label>
    <input type="radio" id="radio2" name="radioService" /><label for="radio2">Option 2</label>         
</div>

这就是我尝试过的。

var radio = $('input[name=radioService]:checked', '#form1').val();

经过一番骚扰后,我得到了这个:

选择无线电时:undefined 选择其中一个时:on

我需要得到的是我的变量变成“选项1”或“选项2”,或者如果它们都没有被选为空或空格“”。

非常感谢任何帮助。感谢。

使用jquery 191

4 个答案:

答案 0 :(得分:2)

试试这个:

var radio = $('input[name=radioService]:checked', '#form1').next('label').text();
console.log(radio);

FIDDLE DEMO

答案 1 :(得分:2)

您没有为收音机选项设置值。你想要这样的东西:

<div id="radio" align="center">        
    <br />
    <input type="radio" id="radio1" name="radioService" value="Option 1"/><label for="radio1">Option 1</label>
    <input type="radio" id="radio2" name="radioService" value="Option 2"/><label for="radio2">Option 2</label>         
</div>

Here's a fiddle of it working.

答案 2 :(得分:1)

您可以使用length检查是否已选择

var selectedRadio = $('input[name=radioServicio]:checked', '#form1');    
radio = "";
if(selectedRadio.length)    
  radio = selectedRadio.val();    
else
  radio = "";

答案 3 :(得分:1)

您没有为rabiobutton输入标记分配值,请尝试以下方法:

<div id="radio" align="center">        
    <br />
    <input type="radio" id="radio1" name="radioService" value="val1"/><label for="radio1">Option 1</label>
    <input type="radio" id="radio2" name="radioService" value="val2" /><label for="radio2">Option 2</label>         
</div>