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 相关文章推荐
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 Javascript
JS实现简单的图书馆享元模式实例
Jun 30 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
angularjs 获取默认选中的单选按钮的value方法
Feb 28 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
Array.filter中如何正确使用Async
Nov 04 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
vue 给数组添加新对象并赋值
Apr 20 Vue.js
关于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/03/04 星际争霸
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
php小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
php简单解析mysqli查询结果的方法(2种方法)
2016/06/29 PHP
PHP实现简单登录界面
2019/10/23 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
jQuery检测输入的字符串包含的中英文的数量
2015/04/17 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
JavaScript提升机制Hoisting详解
2019/10/23 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
2020/06/01 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
在Python中使用正则表达式的方法
2015/08/13 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
详解python的四种内置数据结构
2019/03/19 Python
python标准库OS模块详解
2020/03/10 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
酒店副总岗位职责
2013/12/24 职场文书
经费申请报告
2015/05/15 职场文书
2015大学迎新晚会主持词
2015/07/16 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技