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.048664d9284cfcffbf7c828f8c4a5cd7jquery ruft den Wert von radio ab
2.8aaf8004afa4c20f0a5515a24d6e1298jquery ruft den Wert des Kontrollkästchens ab
3.f01e467b99e7f88024a96a7725168752jquery 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.