Ich gehe zurück auf ein aktuelles Projekt, bei dem Probleme mit der Barrierefreiheit behoben wurden, und ich stellte sicher, dass alle Formularelemente Labels enthielten. Das Einfügen des Etikettentextes in ein Tag verursachte ein Problem mit etwas Kludgy-Code, den ich vorher geschrieben hatte.
Grundsätzlich, wenn Sie einen Radiobutton und sein Label haben:
%Vor%Und Sie verwenden jquery, um es so zu verstecken:
%Vor%Die eigentliche Schaltfläche ist ausgeblendet, aber nicht der Beschriftungstext. Ursprünglich habe ich einen Bereich für den Etikettentext gemacht und habe das so versteckt:
%Vor%und
%Vor%Irgendwelche Ideen? Ich ziehe es vor, den Kludn nicht zu verwenden, und es mag nicht mit der Spanne im Etikett validieren, aber vielleicht bin ich übereifrig.
Beim ersten Optionsfeld können Sie den eigentlichen Button und dann sein Elternteil ausblenden:
%Vor%Im zweiten Fall können Sie die Schaltfläche und das nächste "Geschwister:
ausblenden %Vor%Sie können dies tun:
1.) Definieren Sie die Optionsfeldeingabe ohne umgebendes Etikett.
2.) Wickeln Sie den "Optionstext" (Text rechts neben dem Optionsfeld) in <span> .
3.) Verwenden Sie diese jQuery-Anweisung: $("input:radio:not(:checked), input:radio:not(:checked) + span").hide();
Dies wird das Optionsfeld und den Text rechts neben dem Optionsfeld auswählen und ausblenden.
Setzen Sie einfach den Label-Selektor in den Eltern:
%Vor%Siehe mein jsFiddle-Beispiel
Verbergen des Optionsfeldcontainers oder TD basierend auf dem Wert
jQuery ("Eingabe [Typ = Radio] [Wert = 'EU2']"). parent (). hide ();
Tags und Links jquery radio-button