JQuery获取单选框当前选择的值

Question

我有一个表单，其中有单选按钮字段，例如：

<p><ul>
<li><label for="id_building_height_0"><input checked="checked" name="building_height"   value="1" id="id_building_height_0" type="radio" class="can_update_spans" /> 1 Story</label>    </li>
<li><label for="id_building_height_1"><input value="2" type="radio" class="can_update_spans" name="building_height" id="id_building_height_1" /> 2 Stories</label></li>
<li><label for="id_building_height_2"><input value="3" type="radio" class="can_update_spans" name="building_height" id="id_building_height_2" /> 3 Stories</label></li>
</ul></p>

我的问题是 - 如何获取当前 $("input:checkbox[name='bulding_height']") 设置的值？

非常感谢任何帮助。

- Darwin Tech

Answer 1

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

或者

$('[name=bulding_height]:checked').val();

- gandil

Answer 2

你有一个使用了 input type checkbox 作为选择器，但应该使用 input type radio。你还在选择器中给出了错误的名称，正确的名称应该是 building_height

这些都将给你选中的单选按钮的值，

演示链接

alert($("input:radio[name='building_height']:checked").val());
alert($(":radio[name='building_height']:checked").val());
alert($("[name='building_height']:checked").val());

要遍历所有单选按钮的值，您可以使用each方法。 示例

$("input:radio[name='building_height']").each(function(){
     alert(this.value);
});​

- Adil