Question

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

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

    <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>

如果单击标有“是”的单选按钮，我希望显示textarea。有什么想法吗？

Answer 1

好吧，如果radio和textarea是兄弟姐妹（并且您正在使用，并且乐意与最新的浏览器兼容），您可以使用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 Fiddle demo

在上文中，我从radio删除了fieldset个元素（textarea，其label 是~~这种工作方法）。~~

使用单选按钮的可折叠内容？

1 个答案: