suit: Textarea mit einer Checkbox ausblenden

Beitrag lesen

Mit CSS (allein) auch nicht, da die Textareas nicht Nachfahren der Checkbox sind und man per CSS nicht im DOM aufwärts hangeln kann.

Jein - die Nachfahren-Begründung zählt nicht - es ginge auch mit dem adjacent sibling selector:

input[type=checkbox]+textarea {
display: none;
}
input[checked=checked]+textarea {
display: block;
}

Der Haken daran ist natürlich, dass ein nachträgliches Checken der Checkbox das DOM nicht verändert und kein checked-Attribut hinzufügt. Somit greift der zweite selektor nur, wenn die checkbox bereits vorbefüllt ist.