Maison > interface Web > js tutoriel > Comment puis-je obtenir l'ID d'un bouton cliqué à l'aide de JavaScript ?

Comment puis-je obtenir l'ID d'un bouton cliqué à l'aide de JavaScript ?

Barbara Streisand
Libérer: 2024-11-27 02:40:11
original
731 Les gens l'ont consulté

How Can I Get the ID of a Clicked Button Using JavaScript?

Obtenir l'ID du bouton cliqué à l'aide de JavaScript

Lors de l'utilisation de boutons HTML avec un événement onClick, il peut être utile de récupérer l'ID du bouton cliqué. Ces informations peuvent être utilisées à diverses fins, telles que la sélection de l'action appropriée ou l'affichage de données spécifiques.

Pour y parvenir, vous pouvez modifier votre code HTML et JavaScript comme suit :

<button>
Copier après la connexion

Dans ce code HTML mis à jour, chaque bouton appelle désormais la fonctionanswer_click et transmet son propre ID en tant que paramètre lorsqu'il est cliqué.

La fonction JavaScript est également modifié :

function reply_click(clicked_id) {
    alert(clicked_id);
}
Copier après la connexion

Désormais, lorsqu'un bouton est cliqué, la fonctionanswer_click est déclenchée et l'ID du bouton cliqué est transmis comme paramètre clicked_id. Cela vous permet d'identifier facilement le bouton spécifique sur lequel vous avez cliqué et d'effectuer les actions nécessaires.

Pour démontrer comment cela fonctionne, vous pouvez remplacer votre code d'origine par les versions modifiées et cliquer sur l'un des boutons. Vous devriez voir une boîte d'alerte affichant l'ID du bouton cliqué.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal