2011-08-25 300 views
-1

可能重複:
javascript hide/show element如何隱藏單選按鈕在JavaScript上的按鈕,點擊

如何隱藏單選按鈕,單選按鈕應顯示只有當用戶點擊顯示按鈕 PLZ你可以給示例程序或建議網站這個 ,並提前謝謝

+1

我們不能用這麼少的信息,根本沒有代碼。你可以在http://jsfiddle.net/上發佈一些內容嗎? – pimvdb

+0

瞭解有關[JavaScript](https://developer.mozilla.org/en/JavaScript/Guide)和[DOM](https://developer.mozilla.org/zh/Gecko_DOM_Reference/Introduction)的基礎知識。 –

+0

作爲[javascript hide/show元素]涵蓋函數和答案(http://stackoverflow.com/questions/6242976/javascript-hide-show-element) – ssube

回答

0

把t他在div中的單選按鈕樣式顯示:無和提交按鈕使用javascript的Onclick事件調用一個函數,並在該功能集顯示爲div的塊。

2

HTML:

<div id="radioButtonContainer"> 
    <input type="radio" name="selector" value="option1" id="selector1" /><label for="selector1">Option 1</label><br /> 
    <input type="radio" name="selector" value="option2" id="selector2" /><label for="selector2">Option 2</label><br /> 
    <input type="radio" name="selector" value="option3" id="selector3" /><label for="selector3">Option 3</label><br /> 
</div> 

的Javascript:

var radioButtonContainer = document.getElementById('radioButtonContainer'); 
radioButtonContainer.style.display = 'none'; 

document.getElementById('theButton').onclick = function() { 
    radioButtonContainer.style.display = 'block'; 
}; 

說明:我換一個容器內的按鈕以方便使用。然後我在javascript中選擇容器,並將其存儲在變量中以提高效率和縮短代碼。我將顯示設置爲none(隱藏),然後將事件處理程序附加到id爲「theButton」(而不是html)的元素的click事件以再次顯示。

注:我用Javascript隱藏它們,因爲否則表單可能不適用於不使用javascript的人(他們確實存在!),或者當會出現javascript錯誤時。

相關問題