Question

可能重复：
javascript hide/show element

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

Answer 1

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错误的人。< / p>

Answer 2

将单选按钮放在带有样式显示的div中：none和on提交按钮Onclick事件使用javascript调用函数，并在该函数中设置显示为div的块。

如何在按钮单击时隐藏JavaScript中的单选按钮

2 个答案: