ใน jQuery ฉันจะรับค่าของปุ่มตัวเลือกได้อย่างไรเมื่อพวกเขาทั้งหมดมีชื่อเดียวกัน

นี่คือรหัสของฉัน:

<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. ทำไม? ใครสามารถช่วยฉัน?

ในโค้ดของคุณ jQuery จะมองหาอินสแตนซ์แรกของอินพุตที่มีชื่อq12_3ซึ่งในกรณีนี้จะมีค่าเป็น1. คุณต้องการให้การป้อนข้อมูลที่มีชื่อที่เป็นq12_3: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>

โปรดทราบว่าโค้ดข้างต้นคือไม่.is(":checked")เหมือนกับการใช้ is()ฟังก์ชันของ jQuery ส่งคืนบูลีน (จริงหรือเท็จ) และไม่ใช่ (an) องค์ประกอบ

เนื่องจากคำตอบนี้ได้รับความสนใจเป็นอย่างมากฉันจึงจะใส่ตัวอย่าง JavaScript ของวานิลลาด้วย

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>

ในตัวเลือกของคุณคุณควรระบุด้วยว่าคุณต้องการปุ่มเรดิโอที่ตรวจสอบแล้ว:

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

คุณอาจต้องการเปลี่ยนตัวเลือก:

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

นอกจากนี้ยังมีอีกวิธีหนึ่ง ลองใช้โค้ดด้านล่าง

$(document).ready(function(){

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

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

สาธิต : https://jsfiddle.net/ipsjolly/xygr065w/

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

ใช้สคริปต์นี้

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