Heim > Artikel > Web-Frontend > Wie gehe ich mit Ereignissen zum Aktivieren und Deaktivieren von Optionsfeldern in JavaScript um?
Bei der Arbeit mit Optionsfeldern ist es wichtig, sowohl Check- als auch Deaktivierungsereignisse effektiv zu verarbeiten. Das standardmäßige onChange-Ereignis berücksichtigt dies nicht, da es nur ausgelöst wird, wenn ein Optionsfeld ausgewählt wird. Dadurch entsteht eine Lücke bei der Identifizierung, wann eine vorherige Auswahl abgewählt wird.
Beachten Sie den folgenden Codeausschnitt:
<code class="js">var rad = document.myForm.myRadios; var prev = null; for (var i = 0; i < rad.length; i++) { rad[i].addEventListener('change', function() { (prev) ? console.log(prev.value): null; if (this !== prev) { prev = this; } console.log(this.value) }); }</code>
Dieses Skript erreicht das Gewünschte Verhalten:
Diese Lösung erfasst sowohl Aktivierungs- als auch Deaktivierungsereignisse und ermöglicht Ihnen den Zugriff auf die zuvor und aktuell aktivierten Optionsfelder. Werte.
Das onClick-Ereignis ist zwar in allen Browsern konsistenter, behebt jedoch immer noch nicht das Problem der Erfassung von Deaktivierungsereignissen. Obwohl es für bestimmte Anwendungsfälle in Betracht gezogen werden kann, ist es daher keine vollständige Lösung für die Handhabung von Aktivierungs- und Deaktivierungsereignissen mit Optionsfeldern.
Das obige ist der detaillierte Inhalt vonWie gehe ich mit Ereignissen zum Aktivieren und Deaktivieren von Optionsfeldern in JavaScript um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!