Finden Sie heraus, ob das Optionsfeld mit JQuery aktiviert ist.

Ich kann ein Optionsfeld so einstellen, dass es gut aktiviert ist. Ich möchte jedoch eine Art "Listener" einrichten, der aktiviert wird, wenn ein bestimmtes Optionsfeld aktiviert ist.

Nehmen Sie zum Beispiel den folgenden Code:

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

Es fügt ein geprüftes Attribut hinzu und alles ist in Ordnung, aber wie würde ich vorgehen, um eine Warnung hinzuzufügen? Wird dies beispielsweise angezeigt, wenn das Optionsfeld ohne die Hilfe der Klickfunktion aktiviert wird?

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

Wenn Sie eine Gruppe von Optionsfeldern mit demselben Namensattribut haben und beim Senden oder bei einem Ereignis überprüfen möchten, ob eines dieser Optionsfelder aktiviert wurde, können Sie dies einfach mit dem folgenden Code tun:

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

Quelle

jQuery API Ref

Da Parags Lösung einen Fehler für mich verursachte, ist hier meine Lösung (Kombination von David Hedlunds und Parags):

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

Das hat bei mir gut funktioniert!

Sie müssten das Klickereignis des Kontrollkästchens binden, da das Änderungsereignis im IE nicht funktioniert.

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

Wenn Sie nun den Status programmgesteuert ändern, müssen Sie dieses Ereignis auch auslösen:

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

// Klasse durchchecken

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

// Überprüfen Sie den Namen

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

// Daten durchsehen

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

Eine andere Möglichkeit ist die Verwendung von (jQuery> = 1.6) :prop

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

Die Lösung wird einfach sein, da Sie nur "Zuhörer" benötigen, wenn ein bestimmtes Optionsfeld aktiviert ist. Tu es :-

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

Wenn Sie keine Klickfunktion wünschen, verwenden Sie die JQuery-Änderungsfunktion

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

Dies sollte die Antwort sein, nach der Sie suchen. Wenn Sie eine Jquery-Version über 1.9.1 verwenden, versuchen Sie, diese zu verwenden, da die Live-Funktion veraltet ist.

... Danke Jungs ... alles was ich brauchte war der 'Wert' des aktivierten Optionsfelds, bei dem jedes Optionsfeld im Set eine andere ID hatte ...

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

funktioniert bei mir...

Arbeiten mit allen Arten von Optionsfeldern und Browsern

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

Jsfiddle hier arbeiten

dynamisch erzeugter Optionsfeld Überprüfen Sie den Radio-Abrufwert

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

Beim Ändern des dynamischen Optionsfelds

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

$ ('. Optionsfeld-Klassenname'). ist ('markiert') hat bei mir nicht funktioniert, aber der nächste Code hat gut funktioniert:

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

Versuche dies

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

Versuche dies:

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

jQuery ist immer noch beliebt, aber wenn Sie keine Abhängigkeiten haben möchten, siehe unten. Kurz- und Löschfunktion, um herauszufinden, ob das Optionsfeld auf ES-2015 aktiviert ist:

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

Verwenden Sie für Versionen von jQuery vor 1.6:

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