jquery全选/全不选/反选另一种实现方法(配合原生js)


Posted in Javascript onApril 07, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script language="javascript" src="../css02/js/jquery-1.6.1.js"></script> 
<script> 
$(document).ready(function(){ 
$("#selectAll").click(function(){ 
//这里也可以直接用this,原生js语句 
if($(this)[0].checked){ 
$('[name=items]:checkbox').attr("checked",true); 
}else{ 
$('[name=items]:checkbox').attr("checked",false); 
} 
}); 
$("#XOR").click(function(){ 
$("[name=items]:checkbox").each(function(){ 
this.checked=!this.checked; 
}); 
}); 
}); 
</script> 
<title>Untitled Document</title> 
</head> 
<body> 
<input type="checkbox" name="items" value="足球" />足球 
<input type="checkbox" name="items" value="足球" />足球 
<input type="checkbox" name="items" value="足球" />足球 
<input type="checkbox" name="items" value="足球" />足球 
<input type="checkbox" id="selectAll" value="全选/不选"/>全选/全部选 
<input type="button" id="XOR" value="反选"/> 
</body> 
</html>
Javascript 相关文章推荐
利用jquery的获取JS文件中的字符串内容
Feb 14 Javascript
javascript运动详解
Jul 06 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
javascript操作cookie
Jan 17 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
JS实现瀑布流布局
Oct 21 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
今天,小程序正式支持 SVG
Apr 20 Javascript
JavaScript判断浏览器运行环境的详细方法
Jun 30 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
Apr 07 #Javascript
jQuery操作checkbox选择(list/table)
Apr 07 #Javascript
关于jQuery参考实例2.0 用jQuery选择元素
Apr 07 #Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 #Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
Apr 07 #Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 #Javascript
有关于eclipse配置spket需要注意的一些地方
Apr 07 #Javascript
You might like
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
PHP的静态方法与普通方法用法实例分析
2019/09/26 PHP
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
浅谈js原生拖放
2016/11/21 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
详解Angular CLI + Electron 开发环境搭建
2017/07/20 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
2018/07/26 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
[40:57]TI4 循环赛第二日 iG vs EG
2014/07/11 DOTA
[01:07:02]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第三场 2月26日
2021/03/11 DOTA
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
python实现动态数组的示例代码
2019/07/15 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
CSS3不透明度实例讲解
2016/04/26 HTML / CSS
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
教导处工作制度
2014/01/18 职场文书
大学四年个人自我小结
2014/03/05 职场文书
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
观看信仰心得体会
2014/09/04 职场文书
校本课程教学计划
2015/01/19 职场文书
岗位聘任报告
2015/03/02 职场文书
入党介绍人考察意见
2015/06/01 职场文书
小学教师读书笔记
2015/07/01 职场文书
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers