Zusammenfassung der Bedienung von Radio mit jquery_jquery

Radio wird häufig in der Entwicklung verwendet, um Benutzerauswahleffekte zu erzielen. Ich habe einige Methoden zur Verwendung von JQUERY zur Bedienung von Radio im Projekt zusammengestellt und werde sie hier für Freunde teilen, die etwas lernen möchten.

1. Ändern Sie die Radioauswahl und lösen Sie einige Effekte aus

Code kopieren Der Code lautet wie folgt:

$("input:radio[name='dialCheckResult']").change(function (){ //Dial
alarm(“123”);
});

2. Machen Sie alle Radios auf der Seite verfügbar.

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

3. Machen Sie alle Radios auf der Seite nicht verfügbar.

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

4. Wählen Sie ein Radio aus.

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

5. Machen Sie das „nicht ausgewählte“ Radio auf der Seite nicht verfügbar.

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

6. Mit Ausnahme eines Radios sind die Radioeinstellungen in den anderen „ausgewählten“ Staaten im „nicht ausgewählten“ Zustand.

Code kopieren Der Code lautet wie folgt:

$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='" val.name "']:checked").attr('checked',false);
}
});

7. Machen Sie alle „nicht ausgewählten“ Radios nicht verfügbar.

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

8. Rufen Sie den Radiowert eines ausgewählten spezifischen NAMEN ab.

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

9. Versetzen Sie alle Radios im Status „ausgewählt“ in den Status „nicht ausgewählt“.

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

10. Versetzen Sie alle Radios auf der Seite in den Status „ausgewählt“ oder „nicht ausgewählt“.

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

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