Maison > interface Web > js tutoriel > Comment déterminer si un bouton radio est sélectionné dans jquery

Comment déterminer si un bouton radio est sélectionné dans jquery

coldplay.xixi
Libérer: 2023-01-04 09:37:45
original
11390 Les gens l'ont consulté

Méthode Jquery pour déterminer si un bouton radio est sélectionné : 1. Utilisez l'attribut vérifié pour déterminer s'il est sélectionné. Le code est [if ($(this).attr("checked")) {alert. ("checked"); }]; 2. jquery obtient la valeur du bouton radio.

Comment déterminer si un bouton radio est sélectionné dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery3.2.1, ordinateur Dell G3.

Recommandé : Tutoriel vidéo jquery

Méthode Jquery pour déterminer si un bouton radio est sélectionné :

1 . Utilisez l'attribut vérifié pour juger la

la radio sélectionnée ne peut pas être jugée par l'égalité "vérifiée", seul vrai est utilisé pour juger

Le code est le suivant :

<script type="text/javascript">
        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    </script>
</head>
<body>
<input type="radio"/>
</body>
</html>
Copier après la connexion
.

2 , jquery récupère la valeur du bouton radio

Le code est le suivant :

$("input[name=&#39;items&#39;]:checked").val();
Copier après la connexion

Autre : Déterminer si la radio est sélectionnée et obtenez la valeur sélectionnée

Le code est le suivant :

function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--选中的值为:"+$(":radio:checked").val());
}
}
Copier après la connexion

3 Obtenez la valeur d'un ensemble d'éléments radio sélectionnés

Le code. est le suivant :

var item = $(&#39;input[name=items][checked]&#39;).val();
Copier après la connexion

4. Paramètres Le bouton radio est sélectionné

Le code est le suivant :

$("input[type=radio]").attr("checked",&#39;2&#39;);//设置value=2的项目为当前选中项
Copier après la connexion

Recommandations d'apprentissage gratuites associées : Tutoriel vidéo js

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal