jQuery รับค่าของปุ่มตัวเลือกที่เลือก


557

คำชี้แจงปัญหานั้นง่าย ฉันต้องดูว่าผู้ใช้เลือกปุ่มตัวเลือกจากกลุ่มวิทยุหรือไม่ ปุ่มตัวเลือกทุกปุ่มในกลุ่มใช้รหัสเดียวกัน

ปัญหาคือฉันไม่สามารถควบคุมวิธีสร้างแบบฟอร์มได้ นี่คือตัวอย่างรหัสที่ว่ารหัสควบคุมปุ่มมีลักษณะอย่างไร:

<input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

นอกจากนี้เมื่อมีการเลือกปุ่มมันไม่ได้เพิ่ม "การตรวจสอบ" แอตทริบิวต์ไปยังตัวควบคุมข้อความเพียงการตรวจสอบ (ฉันเดาเพียงสถานที่ให้บริการการตรวจสอบโดยไม่ต้องมีค่า) ด้านล่างนี้เป็นลักษณะของตัวควบคุมวิทยุที่เลือก

<input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

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


71
คุณมีหลายองค์ประกอบด้วย ID เดียวกันหรือไม่ นั่นคือ ... แย่มาก
Matt Ball


วิธีการทำงานกับพวกเขาทั้งหมดที่มีรหัสเดียวกันได้อย่างไร เมื่อประเมินด้วย ID การประเมินจะไม่หยุดที่องค์ประกอบแรกที่ตรงกันหรือไม่ พวกเขามีจุดประสงค์อะไรคือองค์ประกอบแบบไดนามิกที่แสดงในเวลาที่ต่างกัน
Mark Carpenter Jr

1
ปีงบประมาณผู้ช่วย @ Html.RadioButtonFor ของ ASP.NET MVC จะสร้างปุ่มตัวเลือกทั้งหมดด้วยรหัสเดียวกัน อุ่ย
Triynko

คำตอบ:


1119

เพียงแค่ใช้

$('input[name="name_of_your_radiobutton"]:checked').val();

ง่ายเหลือเกิน


25
อย่าลืมเครื่องหมายคำพูด: $ ("input [name = '" + fieldName + "']: checked"). val ();
Atara

4
@Guraprasad Rao: มันเป็นรหัสที่เหมาะสม - ไม่จำเป็นต้องใส่เครื่องหมายคำพูดในกรณีนี้ ลองและดู
สเตฟาน

2
ทำไมสิ่งนี้ถึงส่งคืน "เป็น" แทนที่จะเป็นค่าที่ฉันระบุใน HTML แก้ไข: เพราะฉันไม่ได้มีเครื่องหมายคำพูดรอบค่าของฉัน
Vincent

3
$. ( 'อินพุต [ชื่อ = "name_of_your_radiobutton"]: การตรวจสอบ') Val ();
Sameera Prasad Jayasinghe

1
โปรดทราบว่าหากไม่มีการเลือกปุ่มสิ่งนี้จะส่งคืนnullซึ่งเป็นตรรกะ แต่บางครั้งอาจทำให้คุณสับสนเมื่อคุณเคยเห็น""ว่าเป็นค่าเริ่มต้นผ่านการ.val()โทร
xji

313

ขั้นแรกคุณไม่สามารถมีองค์ประกอบหลายรายการที่มีรหัสเดียวกัน ฉันรู้ว่าคุณบอกว่าคุณไม่สามารถควบคุมวิธีการสร้างแบบฟอร์มได้ แต่ ... ลองเอารหัสทั้งหมดออกจากวิทยุหรือทำให้มันไม่ซ้ำกัน

ในการรับค่าของปุ่มตัวเลือกที่เลือกให้เลือกตามชื่อพร้อม:checkedตัวกรอง

var selectedVal = "";
var selected = $("input[type='radio'][name='s_2_1_6_0']:checked");
if (selected.length > 0) {
    selectedVal = selected.val();
}

แก้ไข

ดังนั้นคุณไม่สามารถควบคุมชื่อได้ ในกรณีนี้ฉันจะบอกว่าใส่ปุ่มตัวเลือกเหล่านี้ไว้ใน div, ชื่อ, say, radioDivและจากนั้นแก้ไขตัวเลือกของคุณเล็กน้อย:

var selectedVal = "";
var selected = $("#radioDiv input[type='radio']:checked");
if (selected.length > 0) {
    selectedVal = selected.val();
}

75

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

$("input[name='optradio']:checked").val();

ไม่ควรใช้ช่องว่างระหว่างตัวเลือก


ตัวเลือกที่ตรงไปตรงมาที่สุดนี่คือ
andreszs

44
$("#radioID") // select the radio by its id
    .change(function(){ // bind a function to the change event
        if( $(this).is(":checked") ){ // check if the radio is checked
            var val = $(this).val(); // retrieve the value
        }
    });

ตรวจสอบให้แน่ใจว่าได้ตัดคำนี้ในฟังก์ชัน DOM ready ( $(function(){...});หรือ$(document).ready(function(){...});)


ฉันมักจะได้รับค่าว่างด้วยรหัสนี้ .. ฉันคิดว่านี่เป็นเพราะความจริงที่ว่าฉันไม่ได้มีคุณสมบัติที่มีการตรวจสอบค่าเพียงข้อความที่ตรวจสอบ (ฉันไม่แน่ใจว่าเราสามารถพิจารณามันเป็นทรัพย์สิน)
user1114212

คุณกำลังเลือกปุ่มตัวเลือกด้วย ID หรือไม่? คุณเปลี่ยนradioIDเป็น ID หรือไม่
Purag

37
  1. ในรหัสของคุณ jQuery เพียงแค่มองหาตัวอย่างแรกของการป้อนข้อมูลที่มีชื่อ q12_3 ซึ่งในกรณีนี้มีค่าเป็น 1 คุณต้องการป้อนข้อมูลด้วย q12_3 :checkedชื่อที่เป็น
$(function(){
    $("#submit").click(function() {     
        alert($("input[name=q12_3]:checked").val());
    });
});
  1. .is(":checked")โปรดทราบว่าโค้ดข้างต้นไม่ได้เหมือนกับการใช้ is() ฟังก์ชั่นของ jQuery ส่งคืนบูลีน (จริงหรือเท็จ) และไม่ใช่องค์ประกอบ

28
<input type="radio" class="radioBtnClass" name="numbers" value="1" />1<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="2" />2<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="3" />3<br/>

นี่จะกลับมาตรวจสอบค่าปุ่มตัวเลือก

if($("input[type='radio'].radioBtnClass").is(':checked')) {
    var card_type = $("input[type='radio'].radioBtnClass:checked").val();
    alert(card_type);
}

24
 $("input[name='gender']:checked").val()

สำหรับแอตทริบิวต์ที่ซ้อนกัน

$("input[name='lead[gender]']:checked").val()

อย่าลืมวงเล็บปีกกาชื่อเดียว


20

รับวิทยุทั้งหมด:

var radios = $("input[type='radio']");

กรองเพื่อรับสิ่งที่ถูกตรวจสอบ

radios.filter(":checked");

หรือ

อีกวิธีหนึ่งที่คุณสามารถค้นหาค่าปุ่มตัวเลือก

var RadeoButtonStatusCheck = $('form input[type=radio]:checked').val();

3
ฉันใช้$('[name=your_inputs_names]:checked').val()เพราะพวกเขามักจะมีชื่อที่ไม่ซ้ำกันเสมอ
vladkras

4
ใช้งานได้ดี.filter()
Mark Carpenter Jr

2
.filter()ที่ ฉันหวังว่าคำตอบนี้จะอยู่ด้านบน
Yusril Maulidan Raji

16

ในการรับค่าของปุ่มตัวเลือกที่เลือกให้ใช้ RadioButtonName และรหัสแบบฟอร์มที่มี RadioButton

$('input[name=radioName]:checked', '#myForm').val()

หรือโดยเฉพาะ

$('form input[type=radio]:checked').val();

12

ตรวจสอบตัวอย่างว่าใช้งานได้ดี

<div class="dtl_radio">
  Metal purity : 
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="92" checked="">
    92 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="75">
    75 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="58.5">
    58.5 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="95">
    95 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="59">
    59 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="76">
    76 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="93">
    93 %
  </label>
   </div>

var check_value = $('.gold_color:checked').val();


12

ดูตัวอย่างการทำงานด้านล่างพร้อมคอลเลกชันของกลุ่มวิทยุแต่ละกลุ่มที่เกี่ยวข้องกับส่วนต่าง ๆ รูปแบบการตั้งชื่อของคุณมีความสำคัญ แต่โดยหลักแล้วคุณควรลองและใช้รูปแบบการตั้งชื่อที่สอดคล้องกันสำหรับอินพุตอยู่ดี (โดยเฉพาะเมื่ออยู่ในหัวข้อเช่นที่นี่)

$('#submit').click(function(){
  var section = $('input:radio[name="sec_num"]:checked').val();
  var question = $('input:radio[name="qst_num"]:checked').val();
  
  var selectedVal = checkVal(section, question);
  $('#show_val_div').text(selectedVal);
  $('#show_val_div').show();
});

function checkVal(section, question) {
  var value = $('input:radio[name="sec'+section+'_r'+question+'"]:checked').val() || "Selection Not Made";
  return value;
}
* { margin: 0; }
div { margin-bottom: 20px; padding: 10px; }
h5, label { display: inline-block; }
.small { font-size: 12px; }
.hide { display: none; }
#formDiv { padding: 10px; border: 1px solid black; }
.center { display:block; margin: 0 auto; text-align:center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="center">
  <div>
    <h4>Section 1</h4>

    <h5>First question text</h5>
    <label class="small"><input type="radio" name="sec1_r1" value="(1:1) YES"> YES</label>
    <label class="small"><input type="radio" name="sec1_r1" value="(1:1) NO"> NO</label>
    <br/>
    <h5>Second question text</h5>
    <label class="small"><input type="radio" name="sec1_r2" value="(1:2) YES"> YES</label>
    <label class="small"><input type="radio" name="sec1_r2" value="(1:2) NO"> NO</label>
    <br/>
    <h5>Third Question</h5>
    <label class="small"><input type="radio" name="sec1_r3" value="(1:3) YES"> YES</label>
    <label class="small"><input type="radio" name="sec1_r3" value="(1:3) NO"> NO</label>
  </div>

  <div>
    <h4>Section 2</h4>
    <h5>First question text</h5>
    <label class="small"><input type="radio" name="sec2_r1" value="(2:1) YES"> YES</label>
    <label class="small"><input type="radio" name="sec2_r1" value="(2:1) NO"> NO</label>
    <br/>
    <h5>Second question text</h5>
    <label class="small"><input type="radio" name="sec2_r2" value="(2:2) YES"> YES</label>
    <label class="small"><input type="radio" name="sec2_r2" value="(2:2) NO"> NO</label>
    <br/>
    <h5>Third Question</h5>
    <label class="small"><input type="radio" name="sec2_r3" value="(2:3) YES"> YES</label>
    <label class="small"><input type="radio" name="sec2_r3" value="(2:3) NO"> NO</label>
  </div>

  <div>
    <h4>Section 3</h4>
    <h5>First question text</h5>
    <label class="small"><input type="radio" name="sec3_r1" value="(3:1) YES"> YES</label>
    <label class="small"><input type="radio" name="sec3_r1" value="(3:1) NO"> NO</label>
    <br/>
    <h5>Second question text</h5>
    <label class="small"><input type="radio" name="sec3_r2" value="(3:2) YES"> YES</label>
    <label class="small"><input type="radio" name="sec3_r2" value="(3:2) NO"> NO</label>
    <br/>
    <h5>Third Question</h5>
    <label class="small"><input type="radio" name="sec3_r3" value="(3:3) YES"> YES</label>
    <label class="small"><input type="radio" name="sec3_r3" value="(3:3) NO"> NO</label>
  </div>
</div>


<div id="formDiv" class="center">
  <form target="#show_val_div" method="post">
    <p>Choose Section Number</p>
    <label class="small">
      <input type="radio" name="sec_num" value="1"> 1</label>
    <label class="small">
      <input type="radio" name="sec_num" value="2"> 2</label>
    <label class="small">
      <input type="radio" name="sec_num" value="3"> 3</label>
    <br/><br/>
    
    <p>Choose Question Number</p>
    <label class="small">
      <input type="radio" name="qst_num" value="1"> 1</label>
    <label class="small">
      <input type="radio" name="qst_num" value="2"> 2</label>
    <label class="small">
      <input type="radio" name="qst_num" value="3"> 3</label>
    <br/><br/>
    
    <input id="submit" type="submit" value="Show Value">
    
  </form>
  <br/>
  <p id="show_val_div"></p>
</div>
<br/><br/><br/>


12

ใช้รหัสด้านล่าง

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

โปรดทราบว่าควรกำหนดแอตทริบิวต์ค่าเพื่อให้ได้ "Male" หรือ "Female" ในผลลัพธ์ของคุณ

<div id='div_container'>
<input type="radio" name="Gender" value="Male" /> Male <br />
<input type="radio" name="Gender" value="Female" /> Female
</div>

7

ลองด้วยตัวอย่าง

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1  /jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>



<script>
$(document).ready(function () {
    $('#myForm').on('click', function () {
        var value = $("[name=radio]:checked").val();

        alert(value);
    })
});
</script>


6
if (!$("#InvCopyRadio").prop("checked") && $("#InvCopyRadio").prop("checked"))
    // do something

1
ทำไมต้องทำการเปรียบเทียบสตริงundefinedเมื่อคุณทราบค่าที่แน่นอนต้องเป็นcheckedอย่างไร ไม่จำเป็นต้องใช้ jQuery
Devin Burke

ในคำถามฉันไม่เห็นข้อมูลใด ๆ ที่แนะนำว่าปุ่มตัวเลือกหนึ่งจะถูกตรวจสอบตั้งแต่เริ่มต้น ฉันหมายถึงมันเป็นอย่างนั้นในกรณีส่วนใหญ่ที่มีปุ่มตัวเลือก ดังนั้นในกรณีที่เราต้องตรวจสอบว่าไม่มีใครถูกเลือก attr ("ตรวจสอบ") จะส่งคืนวัตถุว่างเปล่า
Tadej Magajna

ใช่ แต่ฉันหมายถึงการคืนค่า null จะไม่ทำให้เกิดข้อผิดพลาดดังนั้นการเปรียบเทียบ"undefined"จึงไม่จำเป็น
Devin Burke

5

คุณสามารถรับค่าของปุ่มตัวเลือกโดยใช้รหัสนี้ใน javascript / jQuery

$("#InvCopyRadio:checked").val();

ฉันหวังว่านี่จะช่วยได้


มีประสิทธิภาพมาก !!
MHJ

4

วิธีที่ดีที่สุดในการอธิบายหัวข้อง่าย ๆ นี้คือการให้ตัวอย่างง่ายๆและลิงค์อ้างอิง: -

ในตัวอย่างต่อไปนี้เรามีปุ่มตัวเลือกสองปุ่ม หากผู้ใช้เลือกปุ่มตัวเลือกใด ๆ เราจะแสดงค่าปุ่มตัวเลือกที่เลือกในกล่องเตือน

Html:

<form id="Demo">
<input type="radio" name="Gender" value="Male" /> Male <br />
<input type="radio" name="Gender" value="Female" /> Female<br />
<input type="radio" name="Gender" value="others" /> others <br />
</form>

jQuery: -

 $(document).ready(function(){
        $('#Demo input').on('change', function() {
            alert($('input[name="Gender"]:checked', '#Demo').val());
        });
    });

4

ฉันรู้ว่าฉันเข้าร่วมสายนี้ แต่มันก็คุ้มค่าที่จะกล่าวถึง

<label class="custom-control-label" for="myRadioBtnName">Personal Radio Button</label>

จากนั้นฉันตรวจสอบสิ่งนี้ใน js ของฉัน อาจเป็นเช่นนั้น

$(document).ready(function () { 

$("#MyRadioBtnOuterDiv").click(function(){
    var radioValue = $("input[name=myRadioButtonNameAttr]:checked").val();
    if(radioValue === "myRadioBtnName"){
        $('#showMyRadioArea').show();
    }else if(radioValue === "yourRadioBtnName"){
        $('#showYourRadioArea').show();
    }
});
});

`


3
<div id="subscriptions">
 Company Suscription: <input type="radio" name="subsrad" value="1">
 Customer Subscription:<input type="radio" name="subsrad" value="2">
 Manully Set:<input type="radio" name="subsrad" value="MANUAL">
 NO Subscription:<input type="radio" name="subsrad" value="0">
 </div>

และจัดการ jquery สำหรับการแจ้งเตือนสำหรับชุดค่า / เปลี่ยนผ่าน id id:

$("#subscriptions input") // select the radio by its id
    .on('change', function(){ // bind a function to the change event
    alert($('input[name="subsrad"]:checked', '#subscriptions').val());
            });

มันง่ายมาก .... : -}


วิธีที่ง่ายกว่าในการทำสิ่งนี้โดยใช้ id พาเรนต์คือ .... $ ("# การสมัครสมาชิก"). on ("change", function () {var selection = $ (this) .find ("input: checked") .val (); การแจ้งเตือน (ตัวเลือก);});
MistyDawn

3

อีกวิธีที่ง่ายต่อการเข้าใจ ... มันใช้งานได้:

รหัส HTML:

 <input type="radio" name="active_status" class="active_status" value="Hold">Hold 
 <input type="radio" name="active_status" class="active_status" value="Cancel">Cancel 
 <input type="radio" name="active_status" class="active_status" value="Suspend">Suspend

รหัส jquery:

$(document).on("click", ".active_status", function () {
 var a = $('input[name=active_status]:checked').val();  
 (OR)   
 var a = $('.active_status:checked').val();
 alert(a);
});

3

ปุ่มตัวเลือกกลุ่มหลายค่าการแปลงเป็นอาร์เรย์

var arr = [];
    function r(n) {


        var section = $('input:radio[name="' + n + '"]:checked').val();
        arr[n] = section;

        console.log(arr)
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" onchange="r('b1')" class="radioID" name="b1" value="1">1
<input type="radio" onchange="r('b1')"  class="radioID" name="b1" value="2"  >2
<input type="radio" onchange="r('b1')"   class="radioID" name="b1" value="3">3

<br>

<input type="radio" onchange="r('b2')" class="radioID2" name="b2" value="4">4
<input type="radio" onchange="r('b2')"  class="radioID2" name="b2" value="5"  >5
<input type="radio" onchange="r('b2')"   class="radioID2" name="b2" value="6">6


คุณช่วยเพิ่มคำอธิบายหน่อยได้ไหมเพื่อให้คนอื่นเข้าใจได้มากขึ้น
Shanteshwar Inde

2

ฉันไม่ใช่คนจาวาสคริปต์ แต่ฉันพบที่นี่เพื่อค้นหาปัญหานี้ สำหรับใคร google และค้นหาที่นี่ฉันหวังว่านี่จะช่วยได้บ้าง ดังนั้นในคำถามถ้าเรามีรายการของปุ่มตัวเลือก:

<div class="list">
    <input type="radio" name="b1" value="1">
    <input type="radio" name="b2" value="2" checked="checked">
    <input type="radio" name="b3" value="3">
</div>

ฉันสามารถค้นหาสิ่งที่เลือกด้วยตัวเลือกนี้:

$('.list input[type="radio"]:checked:first').val();

แม้ว่าจะไม่มีองค์ประกอบที่เลือก แต่ฉันก็ยังไม่ได้รับข้อผิดพลาดที่ไม่ได้กำหนด ดังนั้นคุณไม่จำเป็นต้องเขียนเพิ่มเติมถ้าคำสั่งก่อนที่จะรับค่าขององค์ประกอบ

นี่คือพื้นฐานมากตัวอย่างเช่น jsfiddle


1
นี่เป็นการใช้ชื่อแอตทริบิวต์สำหรับอินพุตวิทยุอย่างไม่ถูกต้อง ปุ่มตัวเลือกในกลุ่มจะต้องมีชื่อเหมือนกันหากคุณต้องการอนุญาตเพียงค่าเดียวจากกลุ่ม การดำเนินการด้วยวิธีนี้ทำให้ใช้งานได้เป็นช่องทำเครื่องหมายช่วยให้สามารถเลือกได้หลายแบบแทนที่จะเป็นแบบเดี่ยวภายในกลุ่ม
MistyDawn

@ MistyDawn คุณถูกต้องฉันจำไม่ได้ว่าฉันเขียนมันได้อย่างไรอาจเป็นเพราะการแก้ไขข้อบกพร่อง
Yusuf Uzun

2

นี่คือปุ่มตัวเลือก 2 ปุ่มคือ rd1 และ Radio1

<input type="radio" name="rd" id="rd1" />
<input type="radio" name="rd" id="Radio1" /> 

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

if ($("#rd1").is(":checked")) {
      alert("rd1 checked");
   }
 else {
      alert("rd1 not checked");
   }

นี่ไม่ใช่ทางออกที่แข็งแกร่งมาก ดีกว่าที่จะมี div ที่มีอยู่แล้วดูวิทยุทั้งหมดที่อยู่ข้างใต้แล้วเลือกรายการที่เลือกไว้ คุณสามารถดูวิทยุทั้งหมดที่มีชื่อบางชื่อได้จากนั้นค้นหาวิทยุที่ตรวจสอบแล้ว สิ่งนี้จะช่วยลดการเปลี่ยนรหัสทุกครั้งที่มีการเพิ่มปุ่ม
Richard Duerr

หากหน้าของคุณมีสัญญาณวิทยุมากกว่า 2 รายการสิ่งนี้อาจทำให้เกิดความสับสนและการกำหนด ID ให้กับวิทยุทุกรายการจะใช้เวลานานมาก โดยทั่วไปวิธีนี้จะไม่ถือว่าเป็นการปฏิบัติที่ดี
MistyDawn

2

แม้inputไม่จำเป็นตามคำแนะนำอื่น ๆ รหัสต่อไปนี้ยังสามารถใช้ได้:

var variable_name = $("[name='radio_name']:checked").val();

นี่เป็นคำตอบเดียวกับเมื่อห้าปีที่แล้วโดยปราศจากinputเครื่องหมายคำพูดที่ไม่จำเป็น
นอกรีตลิง

คำพูดเหล่านั้นไม่จำเป็นและเหตุผลที่ฉันโพสต์คำตอบข้างต้นคือการให้คนรู้ว่าการป้อนข้อมูลที่ไม่จำเป็น
35714

จากนั้นคุณควรพิจารณาแก้ไขคำถามของคุณเพื่อพูดถึงเหตุผลเหล่านั้นแทนที่จะใช้คำสั่ง "ใช้รหัสต่อไปนี้" คุณอาจต้องการอ้างอิงแหล่งที่ระบุว่าคำพูดมีความจำเป็น
นอกรีตลิง

@HereticMonkey ทำการแก้ไขเสร็จแล้ว ... ขอบคุณ :)
shivamag00

1
    <input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

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

1
HTML Code
<input id="is_verified" class="check" name="is_verified" type="radio" value="1"/>
<input id="is_verified" class="check" name="is_verified" type="radio" checked="checked" value="0"/>
<input id="submit" name="submit" type="submit" value="Save" />

Javascript Code
$("input[type='radio'].check").click(function() {
    if($(this).is(':checked')) {
        if ($(this).val() == 1) {
            $("#submit").val("Verified & Save");
        }else{
            $("#submit").val("Save");
        }
    }
});

1

ในกรณีที่คุณไม่ทราบชื่อ sepcific หรือต้องการตรวจสอบอินพุตวิทยุทั้งหมดในแบบฟอร์มคุณสามารถใช้ var ส่วนกลางเพื่อตรวจสอบค่าแต่ละกลุ่มวิทยุเพียงครั้งเดียว: `

        var radio_name = "";
        $("form).find(":radio").each(function(){
            if (!radio_name || radio_name != $(this).attr('name')) {
                radio_name = $(this).attr('name');
                var val = $('input[name="'+radio_name+'"]:checked').val();
                if (!val) alert($('input[name="'+radio_name+'"]:checked').val());
            }
        });`
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.