使用單選按鈕可摺疊的內容？

我試圖根據用戶是否單擊單選按鈕來顯示和隱藏文本字段。這可能嗎？根據文檔，可摺疊內容需要標題。使用單選按鈕可摺疊的內容？

這裏是我的代碼不可摺疊的內容：

<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

使用單選按鈕可摺疊的內容？

回答

相關問題