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 相关文章推荐
谷歌浏览器 insertCell与appendChild的区别
Feb 12 Javascript
Jquery实现的角色左右选择特效
May 21 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
JavaScript中ES6 Babel正确安装过程
Jul 18 Javascript
Bootstrap CSS使用方法
Dec 23 Javascript
JS操作input标签属性checkbox全选的实现代码
Mar 02 Javascript
vue2.0与bootstrap3实现列表分页效果
Nov 28 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
微信小程序的开发范式BeautyWe.js入门详解
Jul 10 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
Oct 17 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 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
PHP4在Windows2000下的安装
2006/10/09 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
file_get_contents获取不到网页内容的解决方法
2013/03/07 PHP
PHP面向对象程序设计之接口用法
2014/08/20 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
php简单统计中文个数的方法
2016/09/30 PHP
redis+php实现微博(一)注册与登录功能详解
2019/09/23 PHP
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
使用jQuery jqPlot插件绘制柱状图
2014/12/18 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
纯javascript实现简单下拉刷新功能
2015/03/13 Javascript
js中new一个对象的过程
2017/02/20 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
JavaScript动态绑定详解
2017/09/14 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
2018/08/24 Javascript
vue element-ui实现动态面包屑导航
2019/12/23 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
Python httplib,smtplib使用方法
2008/09/06 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
Python中实现输入一个整数的案例
2020/05/03 Python
python GUI计算器的实现
2020/10/09 Python
Rodd & Gunn澳大利亚官网:新西兰男装品牌
2018/09/25 全球购物
C语言笔试题
2014/09/04 面试题
商务英语专业毕业生自荐信
2013/11/05 职场文书
仓库管理制度
2014/01/21 职场文书
个人先进事迹材料
2014/12/29 职场文书
邀请书模板
2015/02/02 职场文书
学校党支部承诺书
2015/04/30 职场文书
离婚被告代理词
2015/05/23 职场文书
Nginx + consul + upsync 完成动态负载均衡的方法详解
2021/03/31 Servers
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers