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

Question

我有一个像下面这样的 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 的警报

Code sample JSFiddle

Answer 1

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

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

DEMO