JQuery-Steuerung Radioauswahlmethode Analysis

JQuery-Steuerung Radioauswahlmethode Analysis_jquery

WBOY

Freigeben： 2016-05-16 15:57:17

Original

1242 Leute haben es durchsucht

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

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