通过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 相关文章推荐
JS代码放在head和body中的区别分析
Dec 01 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
jquery的幻灯片图片切换效果代码分享
Sep 07 Javascript
JS图片定时翻滚效果实现方法
Jun 21 Javascript
浅谈javascript中遇到的字符串对象处理
Nov 18 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
jquery实现楼层滚动效果
Jan 01 jQuery
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
Jul 18 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 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面向对象全攻略 (十二) 抽象方法和抽象类
2009/09/30 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
php批量修改表结构实例
2017/05/24 PHP
两个DIV等高的JS的实现代码
2007/12/23 Javascript
JavaScript判断变量是否为undefined的两种写法区别
2013/12/04 Javascript
浅谈javascript六种数据类型以及特殊注意点
2013/12/20 Javascript
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
jQuery实现的自定义弹出层效果实例详解
2016/09/04 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
微信小程序-滚动消息通知的实例代码
2017/08/03 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
Node.js API详解之 zlib模块用法分析
2020/05/19 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
Python实现打印螺旋矩阵功能的方法
2017/11/21 Python
对pandas处理json数据的方法详解
2019/02/08 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
python pymysql库的常用操作
2020/10/16 Python
Python和Bash结合在一起的方法
2020/11/13 Python
HTML5重塑Web世界它将如何改变互联网
2012/12/17 HTML / CSS
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
世界汽车零件:World Car Parts
2019/09/04 全球购物
高中校园广播稿
2014/01/11 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
关于青春的演讲稿三分钟
2014/08/22 职场文书
30岁前绝不能错过的10本书
2019/08/08 职场文书
Oracle中update和select 关联操作
2022/01/18 Oracle
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android
Apache自带的ab压力测试工具的实现
2022/07/23 Servers