复选框全选与全不选操作实现思路


Posted in Javascript onAugust 18, 2013
<SPAN style="FONT-SIZE: 14px"><!DOCTYPE html> 
<html> 
<head> 
<title>复选框处理.html</title> 
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
<meta http-equiv="description" content="this is my page"> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
</head> 
<body> 
<input type="checkbox" id="checkItem">全选/全不选 
<br> 
<h3>爱好</h3> 
<input type="checkbox" name="item">看书 
<br> 
<input type="checkbox" name="item">听音乐 
<br> 
<input type="checkbox" name="item">打球 
<br> 
<input type="checkbox" name="item">散步 
<br> 
<input type="checkbox" name="item">写代码 
<br> 
<script> 
window.onload = function(){ 
var checkItem = document.getElementById("checkItem").onclick = function(){ 
var itemsElement = document.getElementsByName("item"); 
for (var i = 0; i < itemsElement.length; i++) { 
var itemElement = itemsElement[i]; 
if (this.checked) { 
itemElement.checked = "checked"; 
} 
else { 
itemElement.checked = null; 
} 
} 
} 
} 
</script> 
</body> 
</html> 
</SPAN>
Javascript 相关文章推荐
js 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
jquery控制页面部分刷新的方法
Jun 24 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
深入学习JavaScript中的bom
May 27 Javascript
angularjs1.X 重构controller 的方法小结
Aug 15 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
国内常用的js类库大全(CDN公共库)
Jun 24 Javascript
将文本输入框内容加入表中的js代码
Aug 18 #Javascript
js css后面所带参数含义介绍
Aug 18 #Javascript
Javascript获取HTML静态页面参数传递值示例
Aug 18 #Javascript
向左滚动文字 js代码效果
Aug 17 #Javascript
热点新闻滚动特效的js代码
Aug 17 #Javascript
js 获取radio按钮值的实例
Aug 17 #Javascript
js 文本滚动效果的实例代码
Aug 17 #Javascript
You might like
Php Cookie的一个使用注意点
2008/11/08 PHP
php处理文件的小例子(解压缩,删除目录)
2013/02/03 PHP
七款最流行的PHP本地服务器分享
2013/02/19 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
Javascript miscellanea -display data real time, using window.status
2007/01/09 Javascript
javascript Event对象详解及使用示例
2013/11/22 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
2016/02/18 Javascript
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
详解js的作用域、预解析机制
2018/02/05 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
Vue.Draggable拖拽功能的配置使用方法
2020/07/29 Javascript
Vue 2.0双向绑定原理的实现方法
2019/10/23 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
简介Django中内置的一些中间件
2015/07/24 Python
python 根据pid杀死相应进程的方法
2017/01/16 Python
Python MySQLdb 使用utf-8 编码插入中文数据问题
2018/03/13 Python
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
英国旅行箱包和行李箱购物网站:Travel Luggage & Cabin Bags
2019/08/26 全球购物
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
思想政治自我鉴定
2013/10/06 职场文书
大宝sod蜜广告词
2014/03/21 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
学前班评语大全
2014/05/04 职场文书
党员作风建设整改方案
2014/10/27 职场文书
先进党支部申报材料
2014/12/24 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
ElementUI实现el-form表单重置功能按钮
2021/07/21 Javascript