Trong jQuery, làm thế nào để có được giá trị của một nút radio khi tất cả chúng đều có cùng tên?

Question

Đây là mã của tôi:

<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> 

Đây là JS:

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

Đây là JSFIDDLE! Mỗi khi tôi nhấp vào nút, nó sẽ trả về 1. Tại sao? Ai giúp tôi với?

Answer 1

Trong code của bạn, jQuery chỉ trông cho ví dụ đầu tiên của một đầu vào có tên q12_3, trong trường hợp này có giá trị là 1. Bạn muốn có đầu vào có tên q12_3 là :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>

Lưu ý rằng đoạn code trên là không giống như sử dụng .is(":checked"). Hàm is() của jQuery trả về một phần tử boolean (đúng hoặc sai) và không phải (an).

Answer 2

trong chọn của bạn, bạn cũng nên xác định rằng bạn muốn radiobutton kiểm tra:

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

Answer 3

Bạn có thể muốn thay đổi selector:

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

Answer 4

sử dụng kịch bản này

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

Answer 5

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

Answer 6

Có một cách khác cũng có. Hãy thử mã dưới đây

$(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()); 
    }); 
});