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

代码示例JSFiddle

Answer 1

使用:checked得到checkedradio按钮值

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

DEMO