免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
› 论坛 › 程序设计 › Web开发 › 如何，实现点击“全部"复选框，选上下面全部的复选框 ...
最近访问板块 发新帖
查看: 3686 | 回复: 4
打印 上一主题 下一主题

如何，实现点击“全部"复选框，选上下面全部的复选框 [复制链接]

baorongabc

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2008-07-02 14:28 |只看该作者 |倒序浏览
如何，实现点击“全部"复选框，选上下面全部的复选框
求代码.

1.JPG (6.41 KB, 下载次数: 55)

1.JPG
bjwyh

论坛徽章:
0
2楼 [报告]
发表于 2008-08-31 14:47 |只看该作者

转一个你看吧

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---复选框全选、全不选和反选的效果实现</title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function checkAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == false) box.checked = true;
   }
}

function uncheckAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == true) box.checked = false;
   }
}

function switchAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
box.checked = !box.checked;
   }
}
//  End -->
</script>
</head>

<body>

<form name=checkboxform>
<input type=checkbox name=C1 checked>C1<br>
<input type=checkbox name=C2 checked>C2<br>
<input type=checkbox name=C3 checked>C3<br>
<input type=checkbox name=C4 checked>C4<br>
<input type=checkbox name=C5 checked>C5<br>
<input type=checkbox name=C6 checked>C6<br>
<input type=checkbox name=C7 checked>C7<br>
<input type=checkbox name=C8 checked>C8<br>
<input type=checkbox name=C9 checked>C9<br>
<br>
<input type=button value="全部选中" onClick="checkAll()"><br>
<input type=button value="全部不选" onClick="uncheckAll()"><br>
<input type=button value="选择转换" onClick="switchAll()"><br>
</form>

</body>

</html>
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
realmon

论坛徽章:
6
CU大牛徽章 日期:2013-04-17 10:59:39CU大牛徽章 日期:2013-04-17 11:01:45CU大牛徽章 日期:2013-04-17 11:02:15CU大牛徽章 日期:2013-04-17 11:02:36CU大牛徽章 日期:2013-04-17 11:02:582015年辞旧岁徽章 日期:2015-03-03 16:54:15
3楼 [报告]
发表于 2008-08-31 18:43 |只看该作者
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
RobinHoo

论坛徽章:
0
4楼 [报告]
发表于 2008-09-01 17:16 |只看该作者
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Check or Uncheck All</title>
<SCRIPT LANGUAGE="JavaScript">
function setAllCheckValue(groupName)
{
&nbsp;&nbsp;&nbsp;&nbsp;var items=document.getElementsByName(groupName);
&nbsp;&nbsp;&nbsp;&nbsp;for (var i=0;i<items.length;i++)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;items[i].checked=!items[i].checked;
&nbsp;&nbsp;&nbsp;&nbsp;}
}
</script>
</head>

<body>

<form name=checkboxform>
<br>
<input type="checkbox" name="BasicInfo" id="setAllItems" onclick="setAllCheckValue('BasicInfo');this.checked=!this.checked;msg.innerHTML=this.checked?'全部不选中':'全部选中'" checked><span id="msg">全部不选中</span><br>
<input type="checkbox" name="BasicInfo" id="C1" checked>C1<br>
<input type="checkbox" name="BasicInfo" id="C2" checked>C2<br>
<input type="checkbox" name="BasicInfo" id="C3" checked>C3<br>
<input type="checkbox" name="BasicInfo" id="C4" checked>C4<br>
<input type="checkbox" name="BasicInfo" id="C5" checked>C5<br>
<input type="checkbox" name="BasicInfo" id="C6" checked>C6<br>
<input type="checkbox" name="BasicInfo" id="C7" checked>C7<br>
<input type="checkbox" name="BasicInfo" id="C8" checked>C8<br>
<input type="checkbox" name="BasicInfo" id="C9" checked>C9<br>

</form>

</body>

</html>


[ 本帖最后由 RobinHoo 于 2008-9-1 17:17 编辑 ]
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
shigw001

论坛徽章:
0
5楼 [报告]
发表于 2008-09-03 17:40 |只看该作者
受教了 很好
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP