Jquery 1.42 checkbox 全选和反选代码


Posted in Javascript onMarch 27, 2010

Jquery代码

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<script type="text/javascript"> 
function Checked(){ //定义函数checked 
$(".chk").each(function(){ //遍历html中class为chk的复选框标签 
if($(this).attr("checked") == true){ //如果当前复选框的checked属性为true 
$(this).attr("checked",false); //将该属性改为false 
} 
else{ //如果当前复选框的checked属性为false 
$(this).attr("checked",true); //将该属性改为true 
} 
}); 
if($("#lbl").html() == "全选"){ //修改label的文本为“反选” 
$("#lbl").html("反选"); 
} 
else if($("#lbl").html() == "反选"){ //修改label的文本为“全选” 
$("#lbl").html("全选"); 
} 
} 
$(document).ready(function(){ //为label添加click事件执行函数checked 
$("#lbl").bind("click",Checked); 
}) 
</script>

Html代码
<label id="lbl">全选</label> 
<table> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="chk" /> 
</td> 
</tr> 
</table>

O(∩_∩)O每天进步一点点O(∩_∩)O 该BLOG供个人记录学习笔记,如有错误欢迎指出!
Javascript 相关文章推荐
jQuery对表单元素的取值和赋值操作代码
May 19 Javascript
jQuery对html元素取值与赋值的方法
Nov 20 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
jQuery数据类型小结(14个)
Jan 08 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
JavaScript常见继承模式实例小结
Jan 11 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
微信公众号开发之微信支付代码记录的实现
Oct 16 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
网络图片延迟加载实现代码 超越jquery控件
Mar 27 #Javascript
JQuery的一些小应用收集
Mar 27 #Javascript
Visual Studio中的jQuery智能提示设置方法
Mar 27 #Javascript
Jquery 滑入滑出效果实现代码
Mar 27 #Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 #Javascript
javascript sudoku 数独智力游戏生成代码
Mar 27 #Javascript
Javascript 函数中的参数使用分析
Mar 27 #Javascript
You might like
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
表单元素事件 (Form Element Events)
2009/07/17 Javascript
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
JavaScript中数组去除重复的三种方法
2016/04/22 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
2020/06/19 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
详解vue更改头像功能实现
2019/04/28 Javascript
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
vue使用video插件vue-video-player详解
2020/10/23 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
python 设置文件编码格式的实现方法
2017/12/21 Python
对python:print打印时加u的含义详解
2018/12/15 Python
python使用knn实现特征向量分类
2018/12/26 Python
浅谈Python基础—判断和循环
2019/03/22 Python
python 实现二维列表转置
2019/12/02 Python
Python实现仿射密码的思路详解
2020/04/23 Python
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
巴西电子、家电、智能手机购物网站:Girafa
2019/06/04 全球购物
北承题目(C++)
2012/05/16 面试题
银行实习人员自我鉴定
2013/09/22 职场文书
工会换届选举方案
2014/05/21 职场文书
2014预备党员党课学习心得范文
2014/07/08 职场文书
毕业生见习报告总结
2014/11/08 职场文书
三年级学生期末评语
2014/12/26 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
西岭雪山导游词
2015/02/06 职场文书
休假证明书
2015/06/24 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
Node实现搜索框进行模糊查询
2021/06/28 Javascript