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

Đâ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?

Trong mã của bạn, jQuery chỉ tìm kiếm trường hợp đầu tiên của đầu vào có tên q12_3, trong trường hợp này có giá trị là 1. Bạn muốn một đầu vào có tên q12_3là :checked.

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.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 mã trên không giống như cách sử dụng .is(":checked"). is()Hàm của jQuery trả về một phần tử boolean (true hoặc false) chứ không phải (an).

Vì câu trả lời này tiếp tục nhận được nhiều sự chú ý, tôi cũng sẽ bao gồm một đoạn mã JavaScript đơn giản.

document.querySelector("#submit").addEventListener("click", () => {
  const val = document.querySelector("input[name=q12_3]:checked").value;
  alert(val);
});

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

trong bộ chọn của mình, bạn cũng nên chỉ định rằng bạn muốn nút radio được chọn:

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

Bạn có thể muốn thay đổi bộ chọn:

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

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

$(document).ready(function(){

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

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

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

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

sử dụng tập lệnh này

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