Comment obtenir la valeur d’une case cochée en JavaScript ?

Obtention de la valeur d'une case cochée en JavaScript

Dans le développement Web, obtenir la valeur d'une case cochée est une tâche courante. Étant donné un ensemble de cases à cocher, l'objectif est de récupérer la valeur associée à la case à cocher actuellement cochée.

SOLUTION

Pour extraire la valeur de la case à cocher cochée, on peut utilisez la propriété .checked de la fonction querySelector. Voici la syntaxe :

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

Cette ligne de code récupère le premier élément qui correspond à la classe messageCheckbox et renvoie la propriété vérifiée. Si la case est cochée, elle renvoie vrai ; sinon, il renvoie false.

EXEMPLE

Considérez le fragment HTML suivant :

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

Dans cet exemple, l'exécution du code JavaScript fournira la valeur de la case cochée. Si la première case est cochée, elle renverra "3". Si la deuxième case est cochée, elle renverra "1".

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!