jquery select n'est pas coché

jQuery est l'un des outils les plus populaires de JS. Il fournit de nombreuses méthodes simples et faciles à utiliser pour nous faciliter le traitement des éléments DOM dans les pages Web. Lors du traitement des formulaires, nous devons souvent sélectionner les éléments radio et cases à cocher sélectionnés dans les éléments du formulaire. Cependant, nous rencontrons parfois une telle situation. Comment sélectionner des éléments qui n'ont pas d'attribut coché dans le formulaire ?

Tout d'abord, nous devons comprendre le statut des éléments du formulaire. Pour un bouton radio et une case à cocher, ils ont un état coché. Ce statut peut être vrai ou faux s'il est coché, il est vrai, sinon il est faux. Dans le DOM, nous pouvons y accéder via l'attribut vérifié.

Pour les boutons radio, un seul sera sélectionné. Le code HTML suivant est un élément de formulaire composé de deux boutons radio :

<input type="radio" name="gender" value="male" checked>男
<input type="radio" name="gender" value="female">女

En accédant à l'attribut coché, on peut retrouver l'élément de bouton radio sélectionné :

var selectedRadio = $('input[name="gender"]:checked');

Pour les cases à cocher , ils peuvent avoir plusieurs sélections. Le code HTML suivant est un élément de formulaire composé de deux cases à cocher :

<input type="checkbox" name="interest" value="music" checked>音乐
<input type="checkbox" name="interest" value="sports">运动

On peut retrouver l'élément de case à cocher sélectionné en accédant à l'attribut coché :

var selectedCheckbox = $('input[name="interest"]:checked');

Cependant, s'il y a Il n'y a pas d'attribut coché dans l'élément de formulaire, que devons-nous faire ?

Méthode 1 : Utiliser la pseudo-classe :has() du sélecteur jQuery

On peut utiliser la pseudo-classe :has() du sélecteur jQuery, qui permet de sélectionner Élément parent d'éléments enfants spécifiques. Pour les boutons radio et les cases à cocher qui n'ont pas d'attribut coché, nous pouvons utiliser la pseudo-classe :not() pour les filtrer, puis utiliser la pseudo-classe :has() pour sélectionner leurs éléments parents.

Par exemple, nous avons le code HTML suivant :

<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女

Nous pouvons utiliser le code suivant pour sélectionner l'élément parent d'un bouton radio non coché :

var unselectedRadioParent = $('input[name="gender"]:not(:checked)').parent();

var unselectedCheckboxParent = $('input[name="interest"]:not(:checked)').parent();

var unselectedRadio = $('input[name="gender"]').not(':checked');

var unselectedCheckbox = $('input[name="interest"]').not(':checked');

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!