JQuery-Steuerung Radioauswahlmethode Analysis_jquery

Das Beispiel in diesem Artikel beschreibt die Radio-Auswahlmethode der JQuery-Steuerung. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Methode 1:

$(function () { 
  $("#spanNan").click(function () { 
  $("#Radio1").attr("checked", true); 
  $("#Radio2").attr("checked", false); 
  });
  $("#spanNv").click(function () {
  $("#Radio2").attr("checked", true);
  $("#Radio1").attr("checked", false);
  });
})

Methode 2: (Einfache Methode)

$(function () {
  $("#spanNan").click(function () {
  //$("#Radio1").attr("checked", true);
  //$("#Radio2").attr("checked", false);
  $("#Radio1").click();
  });
  $("#spanNv").click(function () {
  //$("#Radio2").attr("checked", true);
  //$("#Radio1").attr("checked", false);
  $("#Radio2").click();
  });
})

<input id="Radio2" type="radio" name="sex"/>
<label for="Radio2">女</label>

Zusammenfassung:

Wenn Sie die Radioauswahl im HTML-Radio-Steuerelement implementieren möchten, z. B. die Auswahl von Männern und Frauen in diesem Beispiel, müssen Sie Radio ein Namensattribut mit demselben Wert hinzufügen, zum Beispiel: name="sex"; .

Radio ist standardmäßig ausgewählt:

jQuery(document).ready(function(){
  $("input[name=targetBlank]:eq(0)").attr("checked",'checked');
  $("input[name=status]:eq(0)").attr("checked",'checked');
});

Verwenden Sie JQuery, um den Wert von Radio zu ermitteln. Das Wichtigste ist, die Verwendung des JQuery-Selektors zu beherrschen. In einem Formular möchten wir normalerweise den Wert des ausgewählten Radioelements abrufen, daher müssen wir „Checked“ zum Filter hinzufügen . Es gibt zum Beispiel die folgenden Einige Radioartikel:

1.jquery ruft den Wert von radio ab
2.jquery ruft den Wert des Kontrollkästchens ab
3.jquery ruft den Wert von select ab

Um den Wert eines bestimmten Radios zu ermitteln, gibt es die folgenden Methoden. Geben Sie einfach den Code direkt ein:

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

$('input:radio:checked').val();

$('input[@name="testradio"][checked]');

$('input[name="testradio"]').filter(':checked');

Es ist fast fertig. Was ist, wenn wir alle Radios mit dem Namen testradio durchlaufen möchten?

$('input[name="testradio"]').each(function(){alert(this.value);});

Wenn Sie den Wert eines bestimmten Radios erhalten möchten, beispielsweise den Wert des zweiten Radios, schreiben Sie so

<script type="text/javascript">
$(document).ready(function(){
  $("input[@type=radio][name=sex][@value=1]").attr("checked",true);
}); 
</script>

Ihr Geschlecht:

<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男 
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女 

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.