Comment déterminer la valeur d'une case à cocher sélectionnée à l'aide de JavaScript ?

Identification de la valeur d'une case à cocher cochée

Dans le développement Web, il est souvent nécessaire de récupérer la valeur d'une case à cocher cochée, en particulier dans les scénarios impliquant un formulaire soumission ou manipulation de données. Considérez l'extrait de code suivant :

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

L'objectif est d'utiliser JavaScript pour obtenir dynamiquement la valeur associée à la case à cocher actuellement cochée.

Solution :

Pour récupérer la valeur de la case à cocher sélectionnée, utilisez le code suivant :

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

Cette approche implique d'utiliser la méthode querySelector pour sélectionner le premier élément portant le nom de classe "messageCheckbox", puis de récupérer sa propriété vérifiée, qui renvoie une valeur booléenne indiquant si la case est cochée ou non. Dans les cas où plusieurs cases à cocher partagent le même nom de classe, le code sélectionnera et renverra uniquement la valeur de la première case cochée, comme indiqué dans l'exigence de la question.

Cette solution capture efficacement la valeur de la case cochée, permettant un traitement ultérieur, tel que la soumission de données de formulaire ou la réalisation d'opérations supplémentaires en fonction de la valeur sélectionné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!