在jQuery中，如何獲得單選按鈕的值時，他們都具有相同的名稱？

Question

這裏是我的代碼：

<table> 
    <tr> 
     <td>Sales Promotion</td> 
     <td><input type="radio" name="q12_3" value="1">1</td> 
     <td><input type="radio" name="q12_3" value="2">2</td> 
     <td><input type="radio" name="q12_3" value="3">3</td> 
     <td><input type="radio" name="q12_3" value="4">4</td> 
     <td><input type="radio" name="q12_3" value="5">5</td> 
    </tr> 
</table> 
<button id="submit">submit</button> 

這裏是JS：

$(function(){ 
    $("#submit").click(function(){  
     alert($('input[name=q12_3]').val()); 
    }); 
}); 

這裏是JSFIDDLE！每次我點擊按鈕，它都會返回1.爲什麼？誰能幫我？

在您選擇

Answer 1

在你的代碼，jQuery的只是尋找名稱爲q12_3的輸入的第一個實例，在這種情況下其值爲1。你想要一個名字爲q12_3的輸入是:checked。

$("#submit").click(function() { 
 
    var val = $('input[name=q12_3]:checked').val(); 
 
    alert(val); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table> 
 
    <tr> 
 
    <td>Sales Promotion</td> 
 
    <td><input type="radio" name="q12_3" value="1">1</td> 
 
    <td><input type="radio" name="q12_3" value="2">2</td> 
 
    <td><input type="radio" name="q12_3" value="3">3</td> 
 
    <td><input type="radio" name="q12_3" value="4">4</td> 
 
    <td><input type="radio" name="q12_3" value="5">5</td> 
 
    </tr> 
 
</table> 
 
<button id="submit">submit</button>

注意的是，上述代碼是不一樣使用.is(":checked")。 jQuery的is()函數返回一個布爾值（true或false）而不是（an）元素。

Answer 2

，你也應該指定要檢查的單選按鈕：

$(function(){ 
    $("#submit").click(function(){  
     alert($('input[name=q12_3]:checked').val()); 
    }); 
}); 

Answer 3

您可能需要更改選擇：

$('input[name=q12_3]:checked').val()

Answer 4

使用這個腳本

$('input[name=q12_3]').is(":checked"); 

Answer 5

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

Answer 6

還有另一種方式也。嘗試下面的代碼

$(document).ready(function(){ 

     $("input[name='gender']").on("click", function() { 
      alert($(this).val()); 
     }); 
}); 

Answer 7

DEMO：https://jsfiddle.net/ipsjolly/xygr065w/

$(function(){ 
    $("#submit").click(function(){  
     alert($('input:radio:checked').val()); 
    }); 
});