Comment puis-je récupérer la valeur d’une case à cocher sélectionnée en JavaScript ?

Comment récupérer la valeur d'une case à cocher sélectionnée en JavaScript

Lors de la manipulation d'un groupe de cases à cocher, il peut être nécessaire de récupérer la valeur de la case cochée pour un traitement ultérieur. Dans cet article, nous allons explorer comment y parvenir en JavaScript.

Considérons le balisage HTML suivant :

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

Utilisation de document.querySelector() pour la sélection singulière

Étant donné que l'exigence précise qu'il n'y aura qu'une seule case cochée, nous pouvons utiliser la méthode document.querySelector() pour sélectionner la case cochée.

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

Ce code renverra un valeur booléenne (vrai si la case est cochée ou faux sinon).

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!