JavaScript控制表单元素显示与隐藏

表单中有一组单选按钮是和否，用来控制表单元素中的几个项目的显示和隐藏，选是则显示表单中的一些元素，选否则隐藏表单中的这些元素，请问JavaScript代码如何写。。。
答案满意可再加分。

举报该文章

相关建议 2010-01-26

用div控制，在那个地方同时设置两个div，如：id分别为divYes和divNO
选中radio是让divYes里面的display显示，divNo的display不显示
选中radio否时让divNo的display显示divYes的display不显示。
我以前也碰到过同样的问题，已经用此方法解决了，你试一下你的看看行吗，祝你早日解决问题。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/f82qq4q4s.html

其他看法

第1个回答 2010-01-26

给你一个函数

function setVisible(id, visible) {
if(document.getElementById) {
var elem = document.getElementById(id);
elem && elem.style.visibility = visible ? 'visible' : 'hidden';
}
}

如果一个输入框的 HTML 是以下这样

<input type="text" id="text1" value="" />

//显示
setVisible('text1', true);
//隐藏
setVisible('text1', false);

以上函数，DIV 或者其他 HTML 标签同样适用。只要指定 id 属性即可。

第2个回答 2010-01-26

下面是一个小例子。
你可以把div改成别的任何元素.

<html>
<head>
</head>
<body>
<div style="background:red;display:none" id="yes" >第一个yes</div>
<input type='radio' onclick="Show('yes')" name='ra' />1是
<input type='radio' onclick="Hide('yes')" name='ra'/>1否
<br>

<div style="background:red;display:none" id="yes2" >第二个yes</div>
<input type='radio' onclick="Show('yes2')" name='ra2' />2是
<input type='radio' onclick="Hide('yes2')" name='ra2'/>2否
<br>

<div style="background:red;display:none" id="yes3" >第3个yes</div>
<input type='radio' onclick="Show('yes3')" name='ra2' />3是
<input type='radio' onclick="Hide('yes3')" name='ra2'/>3否
<br>
</body>
<script type="text/javascript">
function Show(divId){
document.getElementById(divId).style.display='block';
}
function Hide(divId){
document.getElementById(divId).style.display='none';
}
</script>
</html>

第3个回答 2010-01-26

朋友，我只提供给你思路哈，你要自己琢磨一下了。
将你要控制隐藏和显示的内容放进一个层内。通过按钮引发onclick事件 document.getElementById("层的ID")修改div的display的block和none。就可以了.希望对你有所帮助！！！

相似回答

大家正在搜