能否实现几个form表单radio类型控制网页元素的隐藏和显示功能？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

To: zhaoweiwei(轩辕大侠) 您提供的代码不行
而且我要求是两个radio name 是一样的。
<script language="javascript">

</script>
<div id="dd" style="display:none" id=text><input type="text" name="wenjian" ></div><input type="radio" name="iflianjie" value="checkbox--show" onclick="show();" >
<input type="radio" name="iflianjie" value="checkbox--hidden" onclick="hidden();" >
<script language="javascript">

</script>
<div id="dd" style="display:none" id=text><input type="text" name="wenjian" ></div><input type="radio" name="iflianjie" value="checkbox--show" onclick="show();" >
<input type="radio" name="iflianjie" value="checkbox--hidden" onclick="hidden();" >
To: zhaoweiwei(轩辕大侠) 您提供的代码不行
这些代码您测试过吗?
1.text..style.visibility='visible'   多了一点 .
2.<div id="dd" style="display:none" id=text>两个ID
改正后还是不行...
借用MSN的：
<body style="background-color:#336699;" onload="hideDelete()"><style type="text/css">
.hideBlk{display:none;}
.showBlk{display:block;}
</style>
<script language="JavaScript">
function hideDelete()
{
if (document.protectForm.Level[0].checked)
{
document.all.tblRw.className='hideBlk';
}
else
{
for (var i = 0; i < 5; i++)
{
document.all.tblRw.className='showBlk';
}
}
}
</script>
<form name="protectForm" method="POST" action="http://by3fd.bay3.hotmail.msn.com/cgi-bin/doprotect" AUTOCOMPLETE="Off"><table border="0" cellpadding="0" cellspacing="5" width="610">
<tr>
<td rowspan="99" width="15"> </td>
<td colspan="2">选择您的“垃圾邮件过滤器”级别：</td>
</tr>
<tr>
<td valign="top"><input type="radio" value="0" name="Level" checked onClick="hideDelete()" id="lvl0" tabindex="1"></td>
<td width="95%"><label for="lvl0">默认（识别明显的垃圾邮件）</label></td>
</tr>
<tr>
<td valign="top"><input type="radio" value="75" name="Level"  onClick="hideDelete()" id="lvl75" tabindex="1"></td>
<td><label for="lvl75">高（识别大部分垃圾邮件）</label></td>
</tr>
<tr>
<td valign="top"><input type="radio" value="100" name="Level"  onClick="hideDelete()" id="lvl100" tabindex="1"></td>
<td><label for="lvl100">专用（您将只能收到来自您的“联系人”或安全列表中的联系人的电子邮件、来自 Hotmail 的服务声明和您同意接收的 MSN 电子邮件）。</label></td>
</tr>
<tr>
<td colspan="2">注意：设置为“高”和“专用”级别时，一些需要的邮件有时会被识别为垃圾邮件。
请定期检查“垃圾邮件”文件夹以确保没有将需要的邮件移动到其中。</td>
</tr>
</table>
<div class="hideBlk" id="tblRw">
<P>
<table border="0" cellpadding="0" cellspacing="5" width="610">
<tr>
<td rowspan="99" width="15"> </td>
<td colspan="2">选择要对垃圾邮件进行的操作：<br></td>
</tr>
<tr>
<td valign="top"><input name="Folder" type="radio" value="F000000004"  id="dltNow" tabindex="1"></td>
<td width="95%"><label for="dltNow">立即删除垃圾邮件</label></td>
</tr>
<tr>
<td valign="top"></td>
<td>垃圾邮件将会立即删除，而不会传送到您的“垃圾邮件”文件夹。</td>
</tr>
<tr>
<td valign="top"><input name="Folder" type="radio" value="F000000005" checked id="dltLater" tabindex="1"></td>
<td><label for="dltLater">传送到“垃圾邮件”文件夹，以后再删除</label></td>
</tr>
<tr>
<td valign="top"></td>
<td>垃圾邮件传送到您的“垃圾邮件”文件夹，以便您进行审阅。
  注意：MSN 会定期清空“垃圾邮件”文件夹，以保持较小的文件夹大小。</td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="5" width="610">
<tr>
<td align="right" colspan="2">
<hr align="right" width="590" size="1" color="#6699CC">
<input type="submit" class="Bsbttn" name="OK.x" value="保存更改" tabindex="2">  
<input type="submit" class="Bsbttn" name="Cancel.x" value=" 取消 " tabindex="2">
</td>
</tr>
</table>
<script language="javascript">
function show(v){
text.style.display=v;
}
</script>
<div style="display:none" id=text><input type="text" name="wenjian" ></div><input type="radio" name="iflianjie" value="checkbox" onclick="show('block');">显示
<input type="radio" name="iflianjie" value="checkbox" onclick="show('none');">隐藏