Comment récupérer la valeur d'une case cochée à l'aide de JavaScript ?

Récupération de la valeur d'une case à cocher cochée

Dans le domaine du développement Web, il est souvent nécessaire de capturer la valeur d'un élément, surtout lorsque travailler avec les soumissions de formulaires. Un élément courant qui nécessite cette fonctionnalité est une case à cocher.

Supposons que vous disposiez du code HTML suivant :

<code class="html"><input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]"></code>

Pour obtenir la valeur de la case actuellement cochée à l'aide de JavaScript, utilisez la méthode suivante :

<code class="javascript">document.querySelector('.messageCheckbox').checked;</code>

Cette ligne de code utilise la méthode querySelector() pour sélectionner tous les éléments avec la classe messageCheckbox. Puisqu'il est précisé qu'il n'y aura qu'une seule case cochée, cette ligne renverra le premier élément correspondant.

La propriété cochée de la case sélectionnée est alors cochée, ce qui retournera soit vrai si la case est sélectionnée, soit faux si ce n'est pas le cas. Cela vous permet de déterminer facilement la valeur associée à la case cochée.

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!