jQuery liefert den Wert der ausgewählten Optionsschaltfläche

Question

Die Problemstellung ist einfach. Ich muss sehen, ob der Benutzer ein Optionsfeld aus einer Optionsgruppe ausgewählt hat. Jede Optionsschaltfläche in der Gruppe teilen gleiche id.

Das Problem ist, dass ich keine Kontrolle darüber habe, wie das Formular erstellt wird. Hier ist der Beispielcode, wie ein Radio-Button-Steuerungscode aussieht:

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

Wenn ein Optionsfeld ausgewählt wird, wird dem Steuerelement außerdem kein Attribut "checked" hinzugefügt, sondern nur Text geprüft (Ich vermute, dass nur die Eigenschaft ohne Wert geprüft wird) . Nachfolgend sehen Sie, wie eine ausgewählte Funksteuerung aussieht

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

Kann jemand mir mit jQuery-Code helfen, die mir helfen können, um den Wert der überprüften Schaltfläche Radio zu erhalten?

Answer 1

Eine andere einfache Art zu verstehen... Es klappt:

HTML-Code:

 <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-Code:

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

Answer 2

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

Answer 3

Sogar input ist nicht erforderlich, wie in anderen Antworten vorgeschlagen. Der folgende Code kann ebenfalls verwendet werden:

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

Answer 4

HTML-Auszeichnung :

<div class="form-group">
  <input id="rdMale" type="radio" class="clsGender" value="Male" name="rdGender" /> Male
  <input id="rdFemale" type="radio" class="clsGender" value="Female" name="rdGender" /> Female
 </div>

---

Ausgewählten Wert nach Optionsfeld-Id abrufen:

 $("input[name='rdGender']").click(function () {
     alert($("#rdMale").val());
});

---

Wert über Radiobutton abrufen Klassenname

 $(".clsGender").click(function () {
       alert($(this).val());
            //or
      alert($(".clsGender:checked").val());
   });

---

Wert nach Name abrufen

   $("input[name='rdGender']").click(function () {
          var rdVaule = $("input[name='rdGender']:checked").val();
          alert(rdVaule);
   });

Answer 5

Für mehrere Optionsschaltflächen müssen Sie das gleiche Namensattribut in Ihr Optionsschaltflächen-Tag einfügen. Zum Beispiel;

<input type="radio" name"gender" class="select_gender" value="male">
<input type="radio" name"gender" class="select_gender" value="female">

Sobald Sie Radio-Optionen haben, jetzt können Sie jQuery-Code wie unten zu tun, um den Wert der ausgewählten / angekreuzt Radio-Option zu erhalten.

$(document).on("change", ".select_gender", function () {
   console.log($(this).val());    // Here you will get the current selected/checked radio option value
});

Hinweis: $(document) wird verwendet, weil, wenn die Radio-Button erstellt werden, nachdem DOM 100% geladen, dann brauchen Sie es, denn wenn Sie nicht verwenden $(document) dann jQuery wird nicht wissen, den Umfang der neu erstellten radion Tasten. Es ist eine gute Praxis, jQuery-Ereignisaufrufe wie diese zu tun.