JQuery获取无线电盒选择的当前值

时间:2012-11-18 01:44:37

标签: jquery

我有一个表单,我有单选按钮字段,如:

<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']")的当前值?

任何帮助都非常感激。

2 个答案:

答案 0 :(得分:7)

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

OR

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

答案 1 :(得分:2)

您必须使用input type radio but using input type checkbox in selector类型无线电。您还提供了wrong name in selector bulding_height should be building_height

这些都会为您提供所选单选按钮的值,

<强> Live Demo

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

要遍历所有单选按钮值,您可以使用每个

<强> Live Demo

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