Przycisk ukrywania() * i * jego etykieta tekstowa w jquery

Question

Wracam do ostatniego projektu porządkującego problemy z dostępnością i upewniłem się, że wszystkie elementy formularza mają etykiety. Umieszczenie tekstu etykiety w tagu spowodowało problem z jakimś kludgy kodem, który napisałem wcześniej.

Zasadniczo, jeśli masz przycisk radiowy i jego etykiecie:

<label for="zone_r1"><input type="radio" name="zone" id="zone_r1" value="NY" />New York</label> 

I użyć jQuery aby ukryć go tak:

$('#zone_r1').hide(); 

Rzeczywista przycisk jest ukryty, ale nie tekst etykiety . Początkowo zrobiłem rozpiętość do tekstu etykiety i ukrywała, że ​​tak:

<input id="NY" type="radio" name="zone" value="NY" /><span id="nyTXT">New York</span> 

i

$('#NY').hide(); 
$('#nyTXT').hide(); 

Jakieś pomysły? Wolę nie używać kludge i może nie sprawdzić poprawności w zakresie etykiety, ale może jestem zbyt gorliwy.

Answer 1

$('#zone_r1').parent().hide(); 

działa na mnie

Answer 2

co $('label:has(#zone_r1)').hide();

Answer 3

Na pierwszy przycisk, można ukryć rzeczywisty przycisk, a następnie jego parent:

$('#zone_r1').hide().parent().hide(); 

Na drugim przypadku można ukryć przycisk i "rodzeństwo":

$('#NY').hide().next().hide(); 

Answer 4

myślę, że to powinno działać dla ciebie

$("label[for=zone_r1],#zone_r1").hide(); 

ten wybiera etykietę z „do” zestawu atrybutów przycisku radiowego szukasz, jak również samego przycisku radio i ukrywa je zarówno

Answer 5

można to zrobić:

1) Określić wejście przycisku radiowego bez otaczającego etykiety.

2.) Owiń "tekst opcji" (tekst po prawej stronie przycisku opcji) w postaci <span>.

3.) Za pomocą tego komunikatu jQuery: $("input:radio:not(:checked), input:radio:not(:checked) + span").hide();

Ten wybierze opcję i tekst po prawej stronie przycisku radiowego i ukryć go.

Answer 6

Wystarczy umieścić 'etykieta' selektor w dominującej:

$(':radio[id=zone_r1]').parent('label').hide(); 

Zobacz my jsFiddle example

Answer 7

ukrywanie pojemnik przycisk radiowy lub TD na podstawie wartości

jQuery ("input [type = radio] [wartość = 'EU2'] "). Parent().ukryć();