jquery - 使用 jQuery 从 RadioButtons 获取文本

Question

这是我的单选按钮集。

<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

Answer 1

尝试这个：

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

小提琴演示

Answer 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>

这是它的工作原理。

Answer 3

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

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

Answer 4

您没有为 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>