JavaScript控制表单元素显示与隐藏
表单中有一组单选按钮是和否，用来控制表单元素中的几个项目的显示和隐藏，选是则显示表单中的一些元素，选否则隐藏表单中的这些元素，请问JavaScript代码如何写。。。答案...
表单中有一组单选按钮是和否，用来控制表单元素中的几个项目的显示和隐藏，选是则显示表单中的一些元素，选否则隐藏表单中的这些元素，请问JavaScript代码如何写。。。
答案满意可再加分。 展开
答案满意可再加分。 展开
4个回答
展开全部
用div控制，在那个地方同时设置两个div，如：id分别为divYes和divNO
选中radio是让divYes里面的display显示，divNo的display不显示
选中radio否时让divNo的display显示divYes的display不显示。
我以前也碰到过同样的问题，已经用此方法解决了，你试一下你的看看行吗，祝你早日解决问题。
选中radio是让divYes里面的display显示，divNo的display不显示
选中radio否时让divNo的display显示divYes的display不显示。
我以前也碰到过同样的问题，已经用此方法解决了，你试一下你的看看行吗，祝你早日解决问题。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你一个函数
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 属性即可。
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 属性即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
下面是一个小例子。
你可以把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>
你可以把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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
朋友，我只提供给你思路哈， 你要自己琢磨一下了。
将你要控制 隐藏和显示的 内容 放进一个层内。 通过按钮引发onclick事件 document.getElementById("层的ID")修改div的display的block和none。就可以了.希望对你有所帮助！！！
将你要控制 隐藏和显示的 内容 放进一个层内。 通过按钮引发onclick事件 document.getElementById("层的ID")修改div的display的block和none。就可以了.希望对你有所帮助！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
