蕾丝胸罩:如何用javascript控制hmtl元素可见

来源:百度文库 编辑:中科新闻网 时间:2024/04/30 09:01:47
asp网页里,我希望通过点击一个radiobox,让一些html元素,比如字符,select的visible属性,怎么在radiobox的onclick事件里写代码?
而且网页第一次打开时,这些元素需要隐藏,如何实现?

如果让表格里的字符隐藏,是不是还需要给他们加个id号之类的?请详细说明,最好能有一个简单的例子

举个例子:

1.使用按钮
<script language=javascript>
function showMode(mode) {
document.getElementById("con").style.visibility = mode;
if (mode=="visible") {
document.getElementById("csv").disabled = true;
document.getElementById("csh").disabled = false;
} else {
document.getElementById("csv").disabled = false;
document.getElementById("csh").disabled = true;
}
}
</script>

<input type=button value="隐藏" name="csh" onclick="showMode('hidden');" disabled> <input type=button value="显示" name="csv" onclick="showMode('visible');"><p>
<div id="con" style="position:absolute; left:10; top:40; visibility:hidden;">你能看见我吗?</div>

2.使用radiobox:
<script language=javascript>
function showMode(mode) {
document.getElementById("con").style.visibility = mode;
}
</script>

<input type=radio name="cs" onclick="showMode('hidden');" checked> 隐藏 <input name="cs" type=radio onclick="showMode('visible');"> 显示<p>
<div id="con" style="position:absolute; left:10; top:40; visibility:hidden;">你能看见我吗?</div>