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

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

这里是我的代码不可折叠的内容：

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

我想，如果单选按钮要显示的文字区域“是”点击。有任何想法吗？

来源

2012-07-09 evenodd

您想根据另一个元素的状态来隐藏/显示内容，因此您想要将事件处理程序绑定到控件元素以检测其值的更改，然后根据该值隐藏/显示内容。一小部分研究将为您提供比您所需要的更多信息。 – Jasper 2012-07-09 16:50:15

好吧，如果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有是兄弟姐妹，这种方式给工作）。

来源

2012-07-09 16:59:16

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

回答

相关问题