Résumé de la façon d'utiliser la radio avec jquery

Résumé de la façon d'utiliser la radio avec jquery_jquery

WBOY

Libérer： 2016-05-16 16:33:16

original

1195 Les gens l'ont consulté

La radio est souvent utilisée dans le développement pour obtenir des effets de sélection d'utilisateur. J'ai accumulé quelques méthodes d'utilisation de JQUERY pour faire fonctionner la radio dans le projet, je les partagerai ici pour les amis qui ont besoin d'apprendre.

1. Modifiez la sélection radio et déclenchez certains effets

Copier le code Le code est le suivant :

$("input:radio[name='dialCheckResult']").change(function (){ //Composer

alerte("123");

});

2. Rendre disponibles toutes les radios de la page.

$("input:radio").attr("disabled",false);

3. Rendre toutes les radios de la page indisponibles.

$("input:radio").attr("disabled","disabled");

4. Sélectionnez une radio.

$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5. Rendre la radio "non sélectionnée" dans la page indisponible.

$("input:radio:not([checked])").attr("disabled","disabled");

6. Parcourez les radios dans l'état sélectionné. À l'exception d'une radio, les paramètres radio dans les autres états « sélectionnés » sont dans l'état « non sélectionné ».

Copier le code Le code est le suivant :

$('input:radio:checked').each(function(i,val){

if(val.name != "dialCheckResult" ){

$("input:radio[name='" val.name "']:checked").attr('checked',false);

>

});

7. Rendre indisponibles toutes les radios « non sélectionnées ».

$("input:radio:not([checked])").attr("disabled","disabled");

8. Obtenez la valeur radio d'un NOM spécifique sélectionné.

var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9. Mettez toutes les radios à l'état « sélectionnées » dans l'état « non sélectionnée ».

$('input:radio:checked').attr('checked',false);

10. Mettez toutes les radios de la page dans l'état "sélectionné" ou "non sélectionné".

$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);