通过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 相关文章推荐
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
任意Json转成无序列表的方法示例
Dec 09 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
详解在Angular项目中添加插件ng-bootstrap
Jul 04 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
vue 实现数字滚动增加效果的实例代码
Jul 06 Javascript
vue中如何去掉空格的方法实现
Nov 09 Javascript
微信小程序新闻网站详情页实例代码
Jan 10 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
Jul 23 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
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
zend optimizer在wamp的基础上安装图文教程
2013/10/26 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
让浏览器非阻塞加载javascript的几种方法小结
2011/04/25 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
简单的分页代码js实现
2016/05/17 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
jQuery easyui刷新当前tabs的方法
2016/09/23 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
Vue用v-for给src属性赋值的方法
2018/03/03 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
Python OpenCV实现图片上输出中文
2018/01/22 Python
python实现textrank关键词提取
2018/06/22 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
python3跳出一个循环的实例操作
2020/08/18 Python
美国知名奢侈美容品牌零售商:Cos Bar
2017/04/21 全球购物
联想中国官方商城:Lenovo China
2017/10/18 全球购物
茶叶生产计划书
2014/01/10 职场文书
早会主持词
2014/03/17 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
秋冬农业生产标语
2014/10/09 职场文书
2014年高数考试作弊检讨书
2014/12/14 职场文书
公司行政管理制度范本
2015/08/05 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
SQL Server中T-SQL标识符介绍与无排序生成序号的方法
2022/05/25 SQL Server
Hive常用日期格式转换语法
2022/06/25 数据库