Finden Sie heraus, ob Radio Button mit JQuery überprüft wird?

Kann ich eine radio-Taste, um überprüft, in Ordnung, aber was ich tun möchte, ist die Einrichtung einer Art von 'Hörer', der aktiviert wird, wenn ein bestimmter radio-button aktiviert ist.

Nehmen Sie zum Beispiel folgenden code:

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

fügt es sich um eine checked-Attribut und alles ist gut, aber wie würde ich mich über
hinzufügen eines alarms. Zum Beispiel, dass erscheint, wenn der radio-button aktiviert ist
ohne die Hilfe der Klick-Funktion?

InformationsquelleAutor der Frage Keith Donegan | 2010-02-16

908

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

InformationsquelleAutor der Antwort David Hedlund

128

Wenn Sie eine Gruppe von radio-buttons teilen das gleiche name-Attribut und bei submit oder irgendein Ereignis, die Sie wollen, um zu überprüfen, ob einer dieser radio-buttons aktiviert wurde, können Sie dies einfach durch den folgenden code :

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

InformationsquelleAutor der Antwort Parag

36

Als Parag Lösung warf einen Fehler für mich, hier ist meine Lösung (Kombination von David Hedlund und Parag):
```
if (!$("input[name='name']").is(':checked')) {
   alert('Nothing is checked!');
}
else {
   alert('One of the radio buttons is checked!');
}
```
Dies funktionierte gut für mich!

InformationsquelleAutor der Antwort Patrick DaVader
29

Müssten Sie binden das click-Ereignis der checkbox, wie das change-Ereignis funktioniert nicht im IE.
```
$('#radio_button').click(function(){
    //if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed');
});
```
Nun, wenn Sie programmgesteuert ändern Sie den Staat, Sie haben zum auslösen dieses Ereignis auch:
```
$('#radio_button').attr("checked", "checked");
$('#radio_button').click();
```
InformationsquelleAutor der Antwort Znarkus

//- Check durch Klasse

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

//Prüfen Namen

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

//Überprüfen Daten

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

InformationsquelleAutor der Antwort Nanhe Kumar

Andere Möglichkeit ist die Verwendung requisite (jQuery >= 1.6):

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

InformationsquelleAutor der Antwort Saeb Amini

6

Wenn Sie nicht wollen, eine Klick-Funktion
unter Verwendung der Jquery-Funktion ändern
```
$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});
```
Sollte dies die Antwort sein, die Sie suchen.
wenn Sie mit Jquery version 1.9.1 oben
versuchen Sie, den Einsatz auf live-Funktion veraltet ist.

InformationsquelleAutor der Antwort iCezz
6

Die Lösung wird einfach sein, Wie Sie es gerade brauchen "Hörer", wenn ein bestimmter radio-button aktiviert ist. Tun Sie es :-
```
if($('#yourRadioButtonId').is(':checked')){ 
//Do your listener's stuff here. 
}
```
InformationsquelleAutor der Antwort Shah-Kodes
5

... Danke Jungs... alles, was ich brauchte, war der 'Wert' der aktivierten radio-button, wo jeder radio-button in das set hatte eine andere id...
```
 var user_cat = $("input[name='user_cat']:checked").val();
```
funktioniert bei mir...

InformationsquelleAutor der Antwort Bill Warren
3

dynamisch erzeugte Radio-Button, Check radio bekommen Wert
```
$("input:radio[name=radiobuttonname:checked").val();
```
Auf ändern dynamisches Radio-button
```
$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});
```
InformationsquelleAutor der Antwort Dhaval Kariya
3

Arbeiten mit allen Arten von Radio-Buttons und Browser
```
if($('#radio_button_id')[0].checked) {
   alert("radiobutton checked")
}
else{
   alert("not checked");
}
```
Arbeiten Jsfiddle Hier

InformationsquelleAutor der Antwort Thyagu

versuchen, diese

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

InformationsquelleAutor der Antwort Muhammad Aamir Ali

1

Versuchen Sie dies:
```
alert($('#radiobutton')[0].checked)
```
InformationsquelleAutor der Antwort Nandha kumar
1

$('.radio-button-class-name').ist('checked') hat nicht funktioniert für mich, aber der nächste code, der gut funktioniert:
```
    if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
     //radio button is checked
    }
```
InformationsquelleAutor der Antwort Jokerius
-1
```
$("#radio_1").prop("checked", true);
```
Für Versionen von jQuery vor 1.6 verwenden:
```
$("#radio_1").attr('checked', 'checked');
```
InformationsquelleAutor der Antwort Jayendra Manek

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.