0

这是我的单选按钮集。

<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();

在火虫了一下之后,我得到了这个:

选择 NONE 收音机时: 选择undefined 其中之一时:on

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

任何帮助将不胜感激。谢谢。

使用 jQuery 191

4

4 回答 4

2

尝试这个:

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

小提琴演示

于 2013-07-16T14:18:24.987 回答
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>

这是它的工作原理。

于 2013-07-16T14:19:53.993 回答
1

您可以使用length来检查是否未选择任何内容

var selectedRadio = $('input[name=radioServicio]:checked', '#form1');    
radio = "";
if(selectedRadio.length)    
  radio = selectedRadio.val();    
else
  radio = "";
于 2013-07-16T14:16:47.597 回答
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>
于 2013-07-16T14:21:26.640 回答