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


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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
实例说明为什么不要行内使用javascript
Apr 18 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 Javascript
jQuery实用技巧必备(上)
Nov 02 Javascript
纯JS实现表单验证实例
Dec 24 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
May 30 Javascript
详解vue 数据传递的方法
Apr 19 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
浅谈JS的二进制家族
May 09 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中Date获取时间不正确怎么办
2008/06/05 PHP
PHP5+UTF8多文件上传类
2008/10/17 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
preg_match_all使用心得分享
2014/01/31 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
javascript js cookie的存储,获取和删除
2007/12/29 Javascript
jquery.jstree 增加节点的双击事件代码
2010/07/27 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
javascript生成随机大小写字母的方法
2014/02/20 Javascript
node.js中watch机制详解
2014/11/17 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
2020/08/07 Javascript
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
python list的index()和find()的实现
2020/11/16 Python
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
私人会所最新创业计划书范文
2014/03/24 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
经营场所证明范本
2015/06/19 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis
Nginx源码编译安装过程记录
2021/11/17 Servers
2022漫威和DC电影上映作品
2022/04/05 欧美动漫