Maison  >  Article  >  interface Web  >  Comment définir le bouton radio sur sélectionné dans jquery (deux méthodes)

Comment définir le bouton radio sur sélectionné dans jquery (deux méthodes)

PHPz
PHPzoriginal
2023-04-10 14:22:184038parcourir

Dans le développement front-end, le bouton radio est un contrôle de formulaire très courant. Dans certains cas, nous devrons peut-être définir un bouton radio sur un état sélectionné lors du chargement de la page au lieu d'attendre que l'utilisateur l'actionne manuellement. À l'heure actuelle, nous pouvons utiliser jQuery pour répondre à cette exigence.

Deux méthodes simples et couramment utilisées sont présentées ci-dessous.

Méthode 1 : utilisez la méthode .prop()

.prop() est utilisée pour obtenir la valeur d'attribut du premier élément correspondant. Nous pouvons utiliser la méthode .prop() pour définir l'état sélectionné du bouton radio. L'implémentation spécifique est la suivante :

//选中id为radio1的单选框
$("#radio1").prop("checked", true);

Dans le code ci-dessus, nous sélectionnons d'abord le sélecteur d'identifiant du bouton radio, puis utilisons la méthode .prop() pour définir son statut sélectionné sur true. De cette façon, une fois la page chargée, le bouton radio sera automatiquement sélectionné.

Méthode 2 : utilisez la méthode .attr()

.attr() est utilisée pour obtenir la valeur de l'attribut spécifié. Voici l'implémentation de l'utilisation de la méthode .attr() pour définir l'état sélectionné du bouton radio :

//选中name为radio的值为value的单选框
$("input[name='radio'][value='1']").attr("checked", true);

Dans le code ci-dessus, nous avons d'abord sélectionné le sélecteur de nom du bouton radio et spécifié la valeur comme « 1 », et enfin la méthode .attr () utilisée définit son statut sélectionné sur true.

Il convient de noter que lorsque vous utilisez la méthode .attr() pour définir l'état sélectionné du bouton radio, vous pouvez également utiliser la méthode prop() à la place. L'effet des deux est le même.

En plus des deux méthodes ci-dessus, vous pouvez également utiliser la méthode .val() pour définir la valeur du bouton radio sélectionné. La mise en œuvre spécifique peut être pratiquée par vous-même et ne sera pas répétée ici.

En résumé, en développement front-end, il est très simple et pratique d'utiliser jQuery pour définir l'état sélectionné d'un bouton radio. Il nous suffit de choisir la méthode appropriée pour répondre à nos besoins.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn