通过js来制作复选框的全选和不选效果


Posted in Javascript onMay 22, 2014
<html> 
<head> 
<title>制作全选效果</title> 
<script language="javascript"> 
function selectAll(){ 
allcheckBoxs=document.getElementsByName("a"); 
var a2=document.getElementsByName("a1"); 
if(a2[0].checked){ 
for(var i=0;i<allcheckBoxs.length;i++){ 
allcheckBoxs[i].checked = true; 
} 
}else{ 
for(var i=0;i<allcheckBoxs.length;i++){ 
allcheckBoxs[i].checked = false; 
} 
} 
} 
</script> 
</head> 
<body> 
<form name="myform"> 
<table> 
<tr><td colspan="2"><img src="images/head.jpg"/></td></tr> 
<tr> 
<td><input type="checkbox" name="a1" onclick="selectAll()" />全选/全不选</td> 
<td> <img src="images/top.jpg"/></td> 
</tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/one.jpg"/></td></tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/two.jpg"/></td></tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/three.jpg"/></td></tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/four.jpg"/></td></tr> 
</table> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
面向对象设计模式的核心法则
Nov 10 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
使用js画图之饼图
Jan 12 Javascript
JavaScript制作简易的微信打飞机
Mar 31 Javascript
javascript数据类型验证方法
Dec 31 Javascript
学好js,这些js函数概念一定要知道【推荐】
Jan 19 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
javascript拖曳互换div的位置实现示例
Jun 28 Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 #Javascript
js简单实现交换Li的值
May 22 #Javascript
js操作iframe父子窗体示例
May 22 #Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 #Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 #Javascript
jQuery异步验证用户名是否存在示例代码
May 21 #Javascript
jQuery取id有.的值的方法
May 21 #Javascript
You might like
php include,include_once,require,require_once
2008/09/05 PHP
比较全面的PHP数组的使用方法小结
2010/09/23 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
php实现常见图片格式的水印和缩略图制作(面向对象)
2016/06/15 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
CI框架(CodeIgniter)实现的数据库增删改查操作总结
2018/05/23 PHP
在Laravel中使用MongoDB的方法示例
2019/11/11 PHP
JavaScript触发器详解
2007/03/10 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
2011/05/05 Javascript
js实现addClass,removeClass,hasClass的函数代码
2011/07/13 Javascript
js获取控件位置以及不同浏览器中的差别介绍
2013/08/08 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
Vue组件开发初探
2017/02/14 Javascript
整理关于Bootstrap过渡动画的慕课笔记
2017/03/29 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
VueCli生产环境打包部署跨域失败的解决
2020/11/13 Javascript
在Python中使用poplib模块收取邮件的教程
2015/04/29 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
如何整合JQuery和Prototype
2014/01/31 面试题
学生党员思想汇报范文
2014/01/09 职场文书
精彩的广告词
2014/03/19 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
离婚协议书范文2014
2014/10/16 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
2015年学雷锋活动总结
2015/02/06 职场文书
离婚答辩状范文
2015/05/22 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书