ค้นหาว่ามีการตรวจสอบปุ่มตัวเลือกด้วย JQuery หรือไม่

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

รับตัวอย่างรหัสต่อไปนี้:

$("#element").click(function()
{ 
    $('#radio_button').attr("checked", "checked");
});

มันเพิ่มคุณสมบัติที่เลือกและทุกอย่างดี แต่ฉันจะเพิ่มการแจ้งเตือนได้อย่างไร ตัวอย่างเช่นที่ปรากฏขึ้นเมื่อเลือกปุ่มตัวเลือกโดยไม่ใช้ฟังก์ชั่นคลิก?

$('#element').click(function() {
   if($('#radio_button').is(':checked')) { alert("it's checked"); }
});

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

$(document).ready(function(){
  $('#submit_button').click(function() {
    if (!$("input[name='name']:checked").val()) {
       alert('Nothing is checked!');
        return false;
    }
    else {
      alert('One of the radio buttons is checked!');
    }
  });
});

แหล่ง

การอ้างอิง jQuery API

เมื่อทางออกของ Parag เกิดข้อผิดพลาดสำหรับฉันนี่คือวิธีแก้ไขปัญหาของฉัน (รวม David Hedlund's และ Parag's):

if (!$("input[name='name']").is(':checked')) {
   alert('Nothing is checked!');
}
else {
   alert('One of the radio buttons is checked!');
}

มันใช้งานได้ดีสำหรับฉัน!

คุณต้องผูกเหตุการณ์คลิกของช่องทำเครื่องหมายเนื่องจากเหตุการณ์การเปลี่ยนแปลงไม่ทำงานใน IE

$('#radio_button').click(function(){
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed');
});

ตอนนี้เมื่อคุณเปลี่ยนสถานะโดยทางโปรแกรมคุณต้องทริกเกอร์เหตุการณ์นี้ด้วย:

$('#radio_button').attr("checked", "checked");
$('#radio_button').click();

// ตรวจสอบผ่านชั้นเรียน

if($("input:radio[class='className']").is(":checked")) {
     //write your code         
}

// ตรวจสอบชื่อ

if($("input:radio[name='Name']").is(":checked")) {
         //write your code         
}

// ตรวจสอบข้อมูล

if($("input:radio[data-name='value']").is(":checked")) {
         //write your code         
}

อีกวิธีคือการใช้(jQuery> = 1.6) :prop

$("input[type=radio]").click(function () {
    if($(this).prop("checked")) { alert("checked!"); }
});

การแก้ปัญหาจะง่ายเพียงคุณต้อง 'ฟัง' เมื่อมีการเลือกปุ่มตัวเลือก ทำมัน :-

if($('#yourRadioButtonId').is(':checked')){ 
// Do your listener's stuff here. 
}

หากคุณไม่ต้องการฟังก์ชั่นคลิกให้ใช้ฟังก์ชั่นเปลี่ยน Jquery

$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});

นี่ควรเป็นคำตอบที่คุณกำลังมองหา หากคุณกำลังใช้รุ่น Jquery ด้านบน 1.9.1 ลองใช้ในขณะที่ฟังก์ชั่นถ่ายทอดสดได้เลิกใช้แล้ว

... ขอบคุณพวก ... ทั้งหมดที่ฉันต้องการก็คือ 'คุณค่า' ของปุ่มตัวเลือกที่เลือกซึ่งปุ่มตัวเลือกแต่ละตัวในชุดมีรหัสที่แตกต่างกัน ...

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

เหมาะกับฉัน ...

การทำงานกับปุ่มเรดิโอและเบราว์เซอร์ทุกประเภท

if($('#radio_button_id')[0].checked) {
   alert("radiobutton checked")
}
else{
   alert("not checked");
}

ทำงาน Jsfiddle ที่นี่

ปุ่มเรดิโอที่สร้างแบบไดนามิกตรวจสอบค่าการรับวิทยุ

$("input:radio[name=radiobuttonname:checked").val();

เมื่อเปลี่ยนปุ่มตัวเลือกแบบไดนามิก

$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});

$ ('. radio-button-class-name'). คือ ('ตรวจสอบ') ไม่ทำงานสำหรับฉัน แต่รหัสถัดไปทำงานได้ดี:

    if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
     // radio button is checked
    }

ลองนี้

    if($('input[name="radiobutton"]:checked').length == 0) {
        alert("Radio buttons are not checked");
    }

ลองสิ่งนี้:

alert($('#radiobutton')[0].checked)

jQuery ยังคงเป็นที่นิยม แต่ถ้าคุณต้องการไม่มีการพึ่งพาดูด้านล่าง ฟังก์ชั่นสั้นและชัดเจนเพื่อตรวจสอบว่ามีการตรวจสอบปุ่มตัวเลือกใน ES-2015 หรือไม่:

function getValueFromRadioButton( name ){
  return [...document.getElementsByName(name)]
         .reduce( (rez, btn) => (btn.checked ? btn.value : rez), null)
}

console.log( getValueFromRadioButton('payment') );

<div>  
  <input type="radio" name="payment" value="offline">
  <input type="radio" name="payment" value="online">
  <input type="radio" name="payment" value="part" checked>
  <input type="radio" name="payment" value="free">
</div>

$("#radio_1").prop("checked", true);

สำหรับเวอร์ชันของ jQuery ก่อนหน้า 1.6 ให้ใช้:

$("#radio_1").attr('checked', 'checked');