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解析XML字符串和XML文件的方法说明
Feb 21 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
Mar 02 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
JavaScript实现学生在线做题计时器功能
Dec 05 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
JavaScript图片旋转效果实现方法详解
Jun 28 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
Aug 08 Javascript
工作中常用js功能汇总
Nov 07 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
Nov 11 Javascript
JavaScript实现网页动态生成表格
Nov 25 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中显示数组与对象的实现代码
2011/04/18 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
原生javascript获取元素样式属性值的方法
2010/12/25 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
2011/07/31 Javascript
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
javascript定时器完整实例
2015/02/10 Javascript
跨域资源共享 CORS 详解
2016/04/26 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
jQuery实现简单日期格式化功能示例
2017/09/19 jQuery
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
Python pandas常用函数详解
2018/02/07 Python
Python中作用域的深入讲解
2018/12/10 Python
Python批量删除只保留最近几天table的代码实例
2019/04/01 Python
pycharm实现猜数游戏
2020/12/07 Python
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
奥地利网上书店:Weltbild
2017/07/14 全球购物
Expedia印度:您的一站式在线旅游网站
2017/08/24 全球购物
音乐专业应届生教师求职信
2013/11/04 职场文书
外语学院毕业生的自我鉴定
2013/11/28 职场文书
团队队名口号大全
2014/06/06 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
2014年营销工作总结
2014/11/22 职场文书
2014年党风廉政工作总结
2014/12/03 职场文书
医德医风自我评价2015
2015/03/03 职场文书
中学生运动会广播稿
2015/08/19 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书
Spring Boot优化后启动速度快到飞起技巧示例
2022/07/23 Java/Android