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 相关文章推荐
从JavaScript的函数重名看其初始化方式
Mar 08 Javascript
JQuery 学习笔记 element属性控制
Jul 23 Javascript
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
Feb 24 Javascript
javascript监听鼠标滚轮事件浅析
Jun 05 Javascript
Jquery 实现弹出层插件
Jan 28 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
Nov 30 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
Angular2 组件交互实例详解
Aug 24 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
?繁体转换的class
2006/10/09 PHP
jquery+php实现导出datatables插件数据到excel的方法
2015/07/06 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
js中的string.format函数代码
2020/08/11 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
jQuery中$.click()无效问题分析
2015/01/29 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
2016/02/15 Javascript
javascript表单正则应用
2017/02/04 Javascript
js和jquery中获取非行间样式
2017/05/05 jQuery
Vue 2.0的数据依赖实现原理代码简析
2017/07/10 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
2019/07/18 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
Django rest framework基本介绍与代码示例
2018/01/26 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
Django自关联实现多级联动查询实例
2020/05/19 Python
美国学校校服,儿童和婴儿服装:Cookie’s Kids
2016/10/14 全球购物
《我为你骄傲》教学反思
2014/02/20 职场文书
公司募捐倡议书
2014/05/14 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
陈安之励志演讲稿
2014/08/21 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
旷工辞退通知书
2015/04/17 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
python3 hdf5文件 遍历代码
2021/05/19 Python