javascript的一个OnClick事件的问题

qozm 2003-10-16 05:36:22
我有个层
<div name="div1">
这里有一个层
</div>

和一个 <input type="checkBox" onclick="showDiv()" />

我要写这个 showDiv() 函数,使得checkBox打勾时显示层,没有打勾时隐藏层,
怎么写这个函数?
...全文
39 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
blueice2002 2003-10-16
  • 打赏
  • 举报
回复
<html>
<body>
<script>
function hideorshow(oSource,strKey)
{

var strHide = (oSource.checked) ? "none" : "";

var oArr = document.getElementsByName(strKey);

if(oArr != null)
{
for(var i = 0; i < oArr.length;i++)
{
oArr[i].style.display = strHide;
}
}
}
</script>
<form name="form1" method="post" action="">
<p>
<input type="checkbox" name="checkbox" value="checkbox" onclick="hideorshow(this,'c2')">
初二
<input type="checkbox" name="checkbox2" value="checkbox" onclick="hideorshow(this,'c3')">
初三
<input type="checkbox" name="checkbox3" value="checkbox" onclick="hideorshow(this,'g1')">
高一 </p>
</form>
<table width="300" border="1">
<tr>
<td width="40"> 年级</td>
<td width="75">姓名</td>
<td width="163">总分</td>
</tr>
<tr id="c2">
<td width="40">初二</td>
<td width="75">李A</td>
<td width="163">600</td>
</tr>
<tr id="g1">
<td>高一</td>
<td>张B</td>
<td>680</td>
</tr>
<tr id="c2">
<td>初二</td>
<td>小王</td>
<td>500</td>
</tr>
<tr id=c3>
<td>初三</td>
<td>李小</td>
<td>800</td>
</tr>
<tr id=g1>
<td>高一 </td>
<td>小兰</td>
<td>800</td>
</tr>
</table>
</body>
</html>

blueice2002 2003-10-16
  • 打赏
  • 举报
回复
一个不用层的例子.
<html>

<head>
<link href="tree_style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<title>增加文件节目对应关系</title>
</head>
<body topmargin="0" leftmargin="0">
<center>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="308" id="AutoNumber2">
<tr>
<td width="308"><b><span lang="zh-cn">增加内容</span></b></td>
</tr>
<tr>
<td width="308"> </td>
</tr>
<tr>
<td width="308">
<form method="POST" action="t_Program_File_R_insert.asp">
<table border="1" cellpadding="0" cellspacing="0" id=m style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3" height="72">

<tr>
<td width="100%" height="14" colspan="3"></td>
</tr>
<tr>
<td width="33%" height="14">全文件标志<span lang="zh-cn">:</span></td>
<td width="27%" height="14">
<input type="radio" value="1" name="AllFileFlag_1" onclick="document.all.m.rows[this.parentElement.parentElement.rowIndex+1].style.display='none'"><span lang="zh-cn">隐藏</span></td>
<td width="40%" height="14">
<input type="radio" value="0" name="AllFileFlag_1" checked onclick="document.all.m.rows[this.parentElement.parentElement.rowIndex+1].style.display=''"><span lang="zh-cn">显示</span></td>
</tr>
<tr>
<td width="33%" height="14"><span lang="zh-cn">内容</span></td>
<td width="67%" height="14" colspan="2">
<input type="text" name="InPoint_1" size="13" value="显示内容"></td>
</tr>
<tr>
<td width="100%" height="14" colspan="3">
<p align="center"><input type="submit" value="[确 定]" name="B1"><span lang="zh-cn">   
</span></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</center>

</body>

</html>

slumcherry 2003-10-16
  • 打赏
  • 举报
回复
楼上的,要结婚了还来这里,老婆要生气的 :)
hrong 2003-10-16
  • 打赏
  • 举报
回复
<div id="div1">这里有一个层</div>

<input type="checkBox" checked
onclick="document.all.div1.style.display=checked?'':'none'">
仙人掌 2003-10-16
  • 打赏
  • 举报
回复
<input id="cBox1" type="checkBox" onclick="showDiv()" />
<div id="Div1">
13
<div>
<script>
function showDiv()
{
if(document.all.cBox1.checked)
{
document.all.Div1.style.display="block";
}
else
{
document.all.Div1.style.display="none";
}
}
</script>

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧