社区
JavaScript
帖子详情
javascript的一个OnClick事件的问题
qozm
2003-10-16 05:36:22
我有个层
<div name="div1">
这里有一个层
</div>
和一个 <input type="checkBox" onclick="showDiv()" />
我要写这个 showDiv() 函数,使得checkBox打勾时显示层,没有打勾时隐藏层,
怎么写这个函数?
...全文
40
5
打赏
收藏
javascript的一个OnClick事件的问题
我有个层 这里有一个层 和一个 我要写这个 showDiv() 函数,使得checkBox打勾时显示层,没有打勾时隐藏层, 怎么写这个函数?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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>
用OOP的思想来学习
JavaScript
-编写第
一个
JavaScript
程序(第1章)
JavaScript
已经成为当今流行的语言,是基于Java的一种非常松散的面向对象语言,是数亿网民受益的新动态语言,增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家,知识点深入浅出,详略得当。技能都来自实际开发的经验,在本课程中,也会将
JavaScript
开发的常见的“坑”让大家去填满,填满后你离
JavaScript
开发又进了一步。
JavaScript
Onclick
事件
解释
The
onclick
event in
JavaScript
lets you as a programmer execute a function when an element is clicked.
JavaScript
中的
onclick
事件
可让您作为程序员在单击元素时执行功能。 按钮
Onclick
示例 (Button
Onclick
Example) <button oncli...
JavaScript
如何用
一个
onclick
事件
触发多个过程
JavaScript
如何用
一个
onclick
事件
触发多个过程
如何使用原生
JavaScript
给
一个
按钮绑定两个
onclick
事件
?
如何使用原生
JavaScript
给
一个
按钮绑定两个
onclick
事件
? <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
java中
onclick
的用法_
JavaScript
onclick
事件
使用方法详解
onclick
是
一个
事件
,当
事件
被触发时就会执行处理,
onclick
是
一个
处理鼠标点击的
事件
。本篇文章就给大家分享关于
JavaScript
中
onclick
事件
的用法。我们首先来看一下
onclick
事件
的语法以下是如何使用
onclick
事件
编写。使用document.getElementById()在文档中指定id元素,并使用function(){}处理单击该元素时发生的
事件
。document.ge...
JavaScript
87,901
社区成员
224,628
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章