Lorsque vous travaillez avec des boutons radio, il est essentiel de gérer efficacement les événements à cocher et à décocher. L'événement onChange standard ne répond pas à cela, car il ne se déclenche que lorsqu'un bouton radio est sélectionné. Cela laisse un vide dans l'identification du moment où une sélection précédente est désélectionnée.
Considérez l'extrait de code suivant :
<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>
Ce script accomplit l'objectif souhaité. comportement :
Cette solution capture à la fois les événements cochés et décochés, vous permettant de accéder aux valeurs des boutons radio précédemment et actuellement cochés.
L'événement onClick, bien que plus cohérent dans tous les navigateurs, ne résout toujours pas le problème de la capture des événements de décoche . Par conséquent, même si cela peut être envisagé pour certains cas d'utilisation, il ne s'agit pas d'une solution complète pour gérer à la fois les événements de coche et de décoche avec des boutons radio.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!