在 jQuery mobile 中获取选项按钮的值答案

【问题标题】：Get the value of an option button in jQuery mobile在 jQuery mobile 中获取选项按钮的值
【发布时间】：2012-05-16 04:34:09
【问题描述】：

如果我有以下 jQuery mobile html；

<fieldset data-role="controlgroup" data-type="horizontal" name="Smoker" id="Smoker">
  <input name="radio3" id="radio3" value="Yes" type="radio" />
  <label for="radio3">Yes</label>
  <input name="radiobuttons1" id="radio4" value="No" type="radio" />
  <label for="radio4">No</label>
</fieldset>

我认为我可以在 jQuery 中做到这一点；

$("#Smoker").val()

但是这不会产生任何结果。事实上，我是否需要同时查询两个输入以查看哪个输入已被检查，或者是否有一个不错的 jQuery Mobile 方法来执行此操作？

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

试试

$("#Smoker :radio:checked").val();

【讨论】：

【解决方案2】：

首先，您的单选按钮应该具有相同的名称属性，否则选择一个不会取消选择另一个，因此您应该使用以下内容而不是当前标记

<fieldset data-role="controlgroup" data-type="horizontal" name="Smoker" id="Smoker">
  <input name="smokerRdo" id="radio3" value="Yes" type="radio" />
  <label for="radio3">Yes</label>
  <input name="smokerRdo" id="radio4" value="No" type="radio" />
  <label for="radio4">No</label>
</fieldset>

获取值的方法与常规 jQuery 相同，但是您尝试获取字段集的值，而不是单选组，而是尝试

 $('input[name=smokerRdo]:checked').val()

【讨论】：

您的单选按钮定义不正确，它们应该共享相同的名称属性。我更新了我的答案。