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 Zifa FormValid 0.1表单验证 代码打包下载
Jun 08 Javascript
jQuery 常见开发使用技巧总结
Dec 26 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
Dec 09 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
详解用vue.js和laravel实现微信授权登陆
Jun 23 Javascript
Node.js文件编码格式的转换的方法
Apr 27 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 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
PHP 的几个配置文件函数
2006/12/21 PHP
PHP5中使用DOM控制XML实现代码
2010/05/07 PHP
php is_file 判断给定文件名是否为一个正常的文件
2010/05/10 PHP
基于php下载文件的详解
2013/06/02 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
javascript cookie操作类的实现代码小结附使用方法
2010/06/02 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
vue中七牛插件使用的实例代码
2017/07/28 Javascript
在一个页面实现两个zTree联动的方法
2017/12/20 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
JavaScript控制浏览器全屏显示简单示例
2018/07/05 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python pickle模块用法实例
2015/04/14 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
Python列表list内建函数用法实例分析【insert、remove、index、pop等】
2017/07/24 Python
python 生成器协程运算实例
2017/09/04 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
Python 面向对象部分知识点小结
2020/03/09 Python
基于python实现模拟数据结构模型
2020/06/12 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
canvas实现俄罗斯方块的方法示例
2018/12/13 HTML / CSS
美国礼品卡商城: Gift Card Mall
2017/08/25 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
给领导的致歉信范文
2014/01/13 职场文书
美术指导求职信
2014/03/17 职场文书
协会周年庆活动方案
2014/08/26 职场文书
2014年双拥工作总结
2014/11/21 职场文书
幼儿教师继续教育培训心得体会
2016/01/19 职场文书
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python