hide() radio-Taste *und* seinem label text in jquery

Werde ich wieder über ein Aktuelles Projekt, das aussortieren von Fragen der Zugänglichkeit und machte Sie sicher, dass alle form-Elemente hatte-Etiketten. Setzen Sie den label-text in eine tag-verursacht ein problem mit notdürftigem code, den ich geschrieben hatte, vor.

Grundsätzlich, wenn Sie einen radio-button und seine Beschriftung:

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

Und Sie jquery verwenden, um es zu verstecken wie so:

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

Den eigentlichen Taste ist ausgeblendet, aber nicht den label-text. Ursprünglich machte ich eine Spanne für den label-text und versteckte sich, dass wie so:

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

und

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

Irgendwelche Ideen? Ich lieber nicht verwenden, um die Unordnung und kann es nicht bestätigen mit der Spanne in der Bezeichnung, aber vielleicht bin ich übermäßig eifrig.

InformationsquelleAutor edzillion | 2009-03-13
  1. 14
    $('#zone_r1').parent().hide();

    funktioniert bei mir

    InformationsquelleAutor cobbal
  2. 23

    Ich denke, das sollte für Sie arbeiten

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

    Dieser wählt das label mit dem Attribut "for" - set auf den radio-button, den Sie suchen, sowie die radio-Taste selbst, und versteckt Sie beide

    InformationsquelleAutor ckramer
  3. 2

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

    InformationsquelleAutor Kobi
  4. 2

    Für die ersten radio-button, können Sie verstecken die eigentliche Taste und dann seine Eltern:

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

    Für den zweiten Fall können Sie verstecken Sie die Taste und die "weiter" Geschwister:

    $('#NY').hide().next().hide();
    InformationsquelleAutor CMS
  5. 0

    Können Sie dies tun:

    1.) Definieren Sie die radio-Taste, Eingabe ohne einen umgebenden label.

    2.) Wickeln Sie die option "text" (text auf der rechten Seite des radio-button) in einem <span>.

    3.) Verwenden Sie diese jQuery-Anweisung: $("input:radio:not(:checked), input:radio:not(:checked) + span").hide();

    Dieser wird wählen Sie die radio-Taste und der text rechts neben dem radio-button und ausblenden.

    InformationsquelleAutor psuphish05
  6. 0

    Setzen Sie einfach 'label' Selektor, Eltern:

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

    Sehen mein jsFiddle Beispiel

    • Ich weiß nicht, warum Sie fühlte, müssen Sie die Antwort auf diese sehr alte und bereits beantworteten Frage, und es verblüfft mich, dass Sie tatsächlich geschrieben eine Auswahl mit [id=...]. Das ist eine ID. Sie wissen: #zone_r1.
    InformationsquelleAutor Dennis Yusupoff
  7. 0

    verstecken radio-button-container oder TD-basierend auf dem Wert

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

    InformationsquelleAutor ShahidAliK
Schreibe einen Kommentar