Maison  >  Article  >  interface Web  >  Type d'entrée de l'opération jQuery = code d'implémentation radio

Type d'entrée de l'opération jQuery = code d'implémentation radio

高洛峰
高洛峰original
2017-02-11 17:11:071731parcourir

d11dad02a1f3abd212da65221b2dc681 comme suit :

<input type="radio" name="city" value="BeiJing">北京 
<input type="radio" name="city" value="TianJin">天津 
<input type="radio" name="city" value="NanJing">南京 
<input type="radio" name="city" value="YangZhou">扬州 
<input type="radio" name="city" value="SuZhou">苏州

1. Obtenez la valeur de la radio sélectionnée :

$("input[name=&#39;city&#39;]:checked").val();

Utilisez le sélecteur d'élément puis utilisez les attributs Filter name='city', et enfin utilisez:checked pour sélectionner les éléments sélectionnés.

2. Définissez l'état sélectionné pour la radio avec la valeur spécifiée :

$("input[name=&#39;city&#39;][value=&#39;YangZhou&#39;]").attr("checked",true);

Définissez l'état sélectionné pour la radio avec name="city" et value="YangZhou".

3. Désélectionnez la radio avec name="city":

$(&#39;input[name="city"]:checked&#39;).attr("checked",false);

4. Obtenez le nombre de radios avec name="city":

$("input[name=&#39;city&#39;]").length;

5. Obtenez la radio avec name="city" et l'index est pair :

$("input[name=&#39;city&#39;]:even");

L'index commence à 0.

6. Obtenez la radio avec name="city" et l'index est impair :

$("input[name=&#39;city&#39;]:odd");

L'index commence à 0.

7. Itérer la radio :

$("input[name=&#39;city&#39;]").each(function(i,obj){ 
//i,迭代的下标,从0开始 
//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值 
//$(this);当前jQuery对象,可以使用$(this).val()获取属性值 
});

Itérer la radio avec name="city".

8. Désactiver la radio :

$("input[name=&#39;city&#39;]").attr("disabled",true);

Désactiver la radio avec name="city".

9. Activer la radio :

$("input[name=&#39;city&#39;]").attr("disabled",false);

Activer la radio avec name="city".

Pour plus d'articles liés au code d'implémentation de l'opération jQuery input type=radio, veuillez faire attention au site Web PHP 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