jquery ajoute l'attribut coché

Dans le développement Web, soumettre un formulaire est une tâche très courante. Les formulaires incluent généralement des boutons radio et des cases à cocher pour recueillir les commentaires de l'utilisateur. Dans certains cas, nous devrons peut-être présélectionner des cases radio ou des cases à cocher par défaut. Dans ce cas, nous pouvons utiliser jQuery pour ajouter l'attribut vérifié afin d'atteindre notre objectif.

jQuery ajoute l'attribut vérifié

Dans jQuery, nous pouvons utiliser la méthode attr() pour ajouter ou modifier les attributs d'un élément. Cependant, pour les boutons radio et les cases à cocher, nous devons faire attention à utiliser la méthode prop() pour définir l'attribut vérifié au lieu d'utiliser la méthode attr(). En effet, l'attribut vérifié représente en fait une valeur booléenne et la méthode attr() ne peut pas définir correctement les attributs booléens.

Par exemple, si l'on souhaite présélectionner un bouton radio, on peut utiliser le code suivant :

$('input[name=sex][value=male]').prop('checked', true);

De cette façon, le bouton radio nommé sexe avec valeur masculine sera sélectionné.

De même, si nous voulons présélectionner une case à cocher, nous pouvons utiliser le code suivant :

$('input[name=hobby][value=sports]').prop('checked', true);

De cette façon, la case nommée hobby avec valeur sports sera cochée.

De plus, nous pouvons également utiliser une autre méthode pour obtenir le même effet, qui consiste à ajouter l'attribut vérifié dans l'élément HTML. Cependant, cette méthode n'est pas assez flexible et ne convient plus si nous devons sélectionner ou désélectionner dynamiquement des cases radio ou des cases à cocher dans le programme.

Par exemple, l'extrait de code suivant peut présélectionner un bouton radio en HTML :

<input type="radio" name="sex" value="male" checked>

Cependant, si nous voulons annuler l'état sélectionné du bouton radio, nous devons modifier manuellement le code HTML, ce qui n'est évidemment pas le cas. un bon plan de solution.

Conclusion

Utiliser jQuery pour ajouter l'attribut coché est un moyen simple et efficace d'implémenter des boutons radio et des cases à cocher présélectionnés dans les formulaires. Nous pouvons utiliser la méthode prop() pour définir l'attribut vérifié au lieu d'utiliser la méthode attr(). De cette façon, l’exactitude et la fiabilité du code peuvent être garanties. Dans le même temps, vous pouvez également sélectionner ou désélectionner dynamiquement des boutons radio ou des cases à cocher dans le programme, rendant l'interaction avec les formulaires plus flexible et plus pratique.

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!