→ MonkeyW :感謝你!! 11/21 17:48
※ 引述《MonkeyW (白猴)》之銘言:
: 最近在做網頁遇到如此的問題:
: <input type="radio" name="privacy" value="1" checked="checked" />公開
: <input type="radio" name="privacy" value="0" />不公開
: <div>
: //依照radio決定要不要顯示的內容
: </div>
: 我該怎麼讓radio選到公開時 <div>標籤內東西會顯示
: 選到不公開時 <div>標籤內就不顯示資料呢?
小弟資質駑鈍,直接用一般的JavaScript來寫好了@@"(謝謝bigair大提醒打錯字@@")
HTML建議改寫成這樣,邏輯會比較單純
<DIV><!-- 放選單的區塊 -->
<input type="radio" name="privacy" value="1"
onmousedown="showhidelayer(this)" />公開
<input type="radio" name="privacy" value="0"
onmousedown="showhidelayer(this)" />不公開
</DIV><DIV><!-- 要不要顯示的內容 --></DIV>
兩個DIV中間不要有空格,斷行,要不然文字和斷行會被當成一個元素
function showhidelayer(element) {
if(element.value == 1) {
element.parentNode.nextSibling.style.visibility = "visible";
} else {
element.parentNode.nextSibling.style.visibility = "hidden";
}
}
//這樣做的話這個function就可以用在元素安排類似的問題上了
不過小弟的經驗是設定成hidden的圖層仍然會佔有一個區塊,所以如果要做即時顯示的話
小弟是用display屬性來作,就改成style.display="none"(不顯示)和
style.display="block"(顯示)就好了
<input type="radio" name="privacy" value="1" checked="checked" onmousedown="" />
: 上網搜尋資料的時候 有說到要用javascript 可是不太懂說明
: 也找不到說明較為詳細的例子
: 請各位教導!
--
新的Blog歡迎大家多多參觀喔~
http://kelunyang.wordpress.com
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.156.65
※ 編輯: Kelunyang 來自: 220.132.156.65 (11/20 20:29)
※ 編輯: Kelunyang 來自: 220.132.156.65 (11/20 21:03)