hide() bouton radio *et* le texte de l'étiquette en jquery

Je vais revenir sur un récent projet de trier les questions d'accessibilité et a été de s'assurer que tous les éléments de formulaire a d'étiquettes. Mettre l'étiquette de texte dans une balise a causé un problème avec certains encombrants code que j'avais écrit avant.

En gros, si vous avez un bouton radio et son étiquette:

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

Et vous utiliser jquery pour le cacher de la sorte:

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

La réelle bouton est masqué, mais pas le texte de l'étiquette. À l'origine, j'ai fait une portée pour le texte de l'étiquette et hid qui de la sorte:

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

et

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

Des idées? Je préfère ne pas utiliser la bidouille et il ne peut pas valider avec la durée de l'étiquette, mais peut-être que je suis trop zélé.

OriginalL'auteur edzillion | 2009-03-13

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

    fonctionne pour moi

    OriginalL'auteur cobbal

  2. 23

    Je pense que cela devrait fonctionner pour vous

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

    Cette sélectionne l'étiquette avec le "pour" attribut la valeur du bouton radio vous cherchez, ainsi que le bouton radio elle-même, et les cache à la fois

    OriginalL'auteur ckramer

  3. 2

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

    OriginalL'auteur Kobi

  4. 2

    Pour le premier bouton radio, vous pouvez masquer la réelle sur le bouton et son parent:

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

    Pour le second cas, vous pouvez masquer le bouton et le "prochaine" sibling:

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

    OriginalL'auteur CMS

  5. 0

    Vous pouvez faire ceci:

    1.) Définir le bouton radio d'entrée sans entourant l'étiquette.

    2.) Envelopper l'option "texte" (texte à droite du bouton radio) dans un <span>.

    3.) Utilisez cette jQuery déclaration: $("input:radio:not(:checked), input:radio:not(:checked) + span").hide();

    Cela, sélectionnez le bouton radio et le texte à droite du bouton radio et de le cacher.

    OriginalL'auteur psuphish05

  6. 0

    Viens de mettre "label" sélecteur parent:

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

    Voir mon jsFiddle exemple

    Je ne sais pas pourquoi vous senti que vous devez répondre à ce très vieux et déjà répondu à la question, et il assomme-moi que vous avez réellement écrit contient un sélecteur [id=...]. C'est un ID. Vous le savez: #zone_r1.

    OriginalL'auteur Dennis Yusupoff

  7. 0

    cacher le bouton radio de conteneur ou de TD en fonction de la valeur

    jQuery("input[type=radio][value='UE2']").parent().hide();

    OriginalL'auteur ShahidAliK