请问怎么实现这种效果?
有两个checkbox, 值分别为yes,no
还有其他一些控件,默认是不可见的 或者是 灰的,不可用的
当选择了yes后,这些控件变得可见或者可用
这个功能应该怎么做?
最好有例子!谢谢了!
问题点数:20、回复次数:2Top
1 楼billy36()回复于 2004-12-03 02:54:10 得分 10
定义函数
<script language="JavaScript">
function showadv(){
if (document.Form1.show.checked == true) {
adv.style.display = "";
advance.innerText="关闭数据排序选项"
}else{
adv.style.display = "none";
advance.innerText="显示数据排序选项"
}
}
你需要 显示/隐藏的内容
<tr id=adv style="DISPLAY: none">
<td height="75" valign="middle" class="table_newmailbg" ><font class="fontxz" color=ff0000>您要排序的字段:</font></td>
<td valign="top" class="table_mainbg" ><div align="center">
<select name="px2" style="width:150" size="13" multiple class="submitu" ondblClick="JavaScript:AppendItem('px2','px')">
<option value="" >全部字段</option>
<option value="xxbmh" >学校报名号</option>
<option value="xqbmh">县区报名号</option>
<option value="xm">姓名</option>
<option value="bkzy">报考专业</option>
<option value="sfzh">身份证号</option>
<option value="xb">性别</option>
<option value="nl">年龄</option>
<option value="jg">籍贯</option>
<option value="dz">地址</option>
<option value="dh">电话</option>
<option value="yb">邮编</option>
<option value="cj">成绩</option>
</select>
</div></td>
<td align="center" valign="middle" class="table_mainbg"><input onClick="JavaScript:AppendItem('px2','px')" type=button value="添加>>" name=Input class="submit">
<br>
<br>
<input onClick="JavaScript:RemoveItem('px')" type=button value="<<删除" name=Input2 class="submit"></td>
<td align="center" valign="middle" class="table_mainbg"><select name="px" style="width:150" size="13" multiple class="submitu" ondblClick="JavaScript:RemoveItem('px')">
</select></td>
</tr>
显示/隐藏的checkbox
<tr>
<td height="27" colspan="4" valign="top" class="writemailbg">
<div align="left"><INPUT id=show name=show type=checkbox value=1 onclick=showadv()><span id="advance">显示数据排序选项</span></div>
<div align="center"> <input type="submit" onClick=JavaScript:ToGo() class="submit" value="预览打印"> <input name="Submit2" type="reset" class="submit" value="打 印">
</div></td>
</tr>Top
2 楼sickyj(思静~已空悲)回复于 2004-12-03 08:41:17 得分 10
<script>
function show_radion(VarN_r)
{
if (VarN_r==0){
strshow.style.display="none"
}
else if (VarN_r==1){
strshow.style.display=""
}
}
</script>
<html>
<body onload="show_radion(0);">
<table>
<tr>
<td><input type="radio" value="yes" onclick="show_radion(0);">yes<input type="radio" value="no" onclick="show_radion(1);">>no</td>
</tr>
<tr id="strshow">.....需要隐藏的表单元素.....</tr>
</table>
</body>
</html>Top




