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 相关文章推荐
仿服务器端脚本方式的JS模板实现方法
Apr 27 Javascript
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
Javascript 5种方法实现过滤删除前后所有空格
Jun 22 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
Jul 26 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
js实现按钮开关单机下拉菜单效果
Nov 22 Javascript
详解js动态获取浏览器或页面等容器的宽高
Mar 13 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 Javascript
js实现前端界面导航栏下拉列表
Aug 27 Javascript
网络图片延迟加载实现代码 超越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
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
PHP可逆加密/解密函数分享
2012/09/25 PHP
解析用PHP实现var_export的详细介绍
2013/06/20 PHP
PHP实现数据分页显示的简单实例
2016/05/26 PHP
php实现学生管理系统
2020/03/21 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
JS代码实现电脑配置检测功能
2018/03/21 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
基于vue-draggable 实现三级拖动排序效果
2020/01/10 Javascript
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
python修改字典键(key)的方法
2019/08/05 Python
Django之腾讯云短信的实现
2020/06/12 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
荷兰本土平价百货:HEMA
2017/10/23 全球购物
建筑施工实习自我鉴定
2013/09/19 职场文书
暑期社会实践方案
2014/02/05 职场文书
技校毕业生个人学习的自我评价
2014/02/21 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
争做文明公民倡议书
2014/08/29 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
个人整改措施书面材料
2014/10/24 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
工作证明格式范文
2015/06/15 职场文书
公司开业致辞
2015/07/29 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android