Heim > Web-Frontend > HTML-Tutorial > Ausführliche Erläuterung von Beispielen zum Abrufen, Zuweisen und Registrieren von Ereignissen für Radiowerte bei der Erstellung von HTML_HTML/Xhtml_Webseiten

Ausführliche Erläuterung von Beispielen zum Abrufen, Zuweisen und Registrieren von Ereignissen für Radiowerte bei der Erstellung von HTML_HTML/Xhtml_Webseiten

WBOY
Freigeben: 2016-05-16 16:37:47
Original
1647 Leute haben es durchsucht

1. Funkgruppierung

Solange der Name gleich ist, handelt es sich um eine Gruppe, d. h. es kann nur einer in einer Gruppe ausgewählt werden, wie folgt:

Code kopieren
Der Code lautet wie folgt:

group1: type="radio" id="radio1" reviewed= "checked" name="group1" />radio1
radio2
radio3

group2: radio" id="radio4" geprüft="checked" name="group2" />radio4
radio5
< ;input type="radio" id="radio6" name="group2" />radio6


Der Effekt ist wie folgt:


2. Holen Sie sich den ausgewählten Funkknoten

Die Verwendung von JQuery kann sehr einfach sein. Um es einfacher zu machen, wählen Sie zuerst die Gruppe aus und filtern Sie dann die markierten heraus, wie folgt:




Kopieren Sie den Code Der Code lautet wie folgt:
var group1 = $("[name='group1']" ).filter(":checked");
console.log(group1.attr("id")) ;


3, wählen Sie einen Funkknoten aus

Verwenden Sie jquery um das geprüfte Attribut festzulegen:



Code kopierenDer Code lautet wie folgt:
$("#radio2").attr("checked", "checked");


4, go Wählen Sie einen Radioknoten

aus, um das geprüfte Attribut zu entfernen:



Kopieren Sie den Code Der Code lautet wie folgt:
$("#radio1"). removeAttr("checked");


Dies führt möglicherweise dazu, dass keines der Radios in der Gruppe ausgewählt wird.

5. Registrieren Sie das Auswahl- und Abwahlereignis

Oder verwenden Sie die On-Funktion von jquery, um das Änderungsereignis wie folgt zu registrieren:



Kopieren Sie den Code Der Code lautet wie folgt:
$("[name='group1']").on("change",
function (e) {
console.log($(e.target).val());
}
Auf diese Weise, solange Wird eine beliebige Person in Gruppe 1 ausgewählt, wird die Funktion ausgelöst.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage