0

我正在尝试根据用户是否单击单选按钮来显示和隐藏文本字段。这可能吗？根据文档，可折叠内容需要一个标题。

这是我的代码，没有可折叠的内容：

    <fieldset data-role="controlgroup" data-mini="true">
           <input type="radio" name="radio-mini" id="radio-mini-1" value="choice-1" />
            <label for="radio-mini-1">No</label>

            <input type="radio" name="radio-mini" id="radio-mini-2" value="choice-2"  />
            <label for="radio-mini-2">Yes</label>
    </fieldset>
    <label for="textarea-a">Textarea:</label>
    <textarea name="textarea" id="textarea-a">
    </textarea>

如果单击标记为“是”的单选按钮，我希望显示文本区域。有任何想法吗？

4

1 回答 1

2

好吧，如果 theradio和 thetextarea是兄弟姐妹（并且您正在使用并且很高兴与最新的浏览器兼容），您可以使用 CSS：

label[for=textarea-a],
#textarea-a {
    display: none;
}

#radio-mini-2:checked ~ label[for=textarea-a],
#radio-mini-2:checked ~ #textarea-a {
    display: block;
}​

JS 小提琴演示。

在上面，我radio从 中删除了您的元素fieldset（因为textarea，并且它label 必须是兄弟姐妹才能使这种方法起作用）。

于 2012-07-09T16:59:16.837 回答