如何隐藏单选按钮在JavaScript上的按钮，点击

问题描述：

可能重复：
javascript hide/show element 如何隐藏单选按钮在JavaScript上的按钮，点击

如何隐藏单选按钮，单选按钮应显示只有当用户点击显示按钮 PLZ你可以给示例程序或建议网站这个，并提前谢谢

我们不能用这么少的信息，根本没有代码。你可以在http://jsfiddle.net/上发布一些内容吗？ – pimvdb

了解有关[JavaScript]（https://developer.mozilla.org/en/JavaScript/Guide）和[DOM]（https://developer.mozilla.org/zh/Gecko_DOM_Reference/Introduction）的基础知识。 –

作为[javascript hide/show元素]涵盖函数和答案（http://stackoverflow.com/questions/6242976/javascript-hide-show-element） – ssube

答

把t他在div中的单选按钮样式显示：无和提交按钮使用javascript的Onclick事件调用一个函数，并在该功能集显示为div的块。

答

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错误时。

如何隐藏单选按钮在JavaScript上的按钮，点击

相关推荐