jQuery当前选中的单选按钮值始终显示第一个按钮值

jQuery currently checked radio button value shows always first button value

本文关键字:第一个 按钮 显示 单选按钮 jQuery      更新时间:2024-05-20

我有一个如下的javascript:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<li>
<input type="radio" class="gal_location" name="gal_location" value="0"> All
</li>
<li>
<input type="radio" name="gal_location" class="gal_location" checked="checked" value="11">Sivasagar</li>
<li>
<input type="radio" name="gal_location" class="gal_location" value="3">Guwahati</li>
<li><input type="radio" name="gal_location" class="gal_location" value="9">Jorhat</li>
<script>                        
if($('.gal_location').is(':checked')) { 
    var location_id = $("input:radio[name=gal_location]").val();     
}
alert('Location id is '+location_id);
</script>

现在我希望得到Location id is 11的警报,但我得到的却是Location id is 0 的警报

代码示例JSFiddle

使用:checked获取检查的单选按钮值

var location_id = $("input:radio[name=gal_location]:checked").val()

演示