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 相关文章推荐
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
利用jQuery接受和处理xml数据的代码(.net)
Mar 28 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
JS出现失效的情况总结
Jan 20 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
Jul 30 Javascript
NProgress显示顶部进度条效果及使用详解
Sep 21 Javascript
Vue自定义全局弹窗组件操作
Aug 11 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以post形式发送xml的方法
2014/11/04 PHP
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
js 动态选中下拉框
2009/11/26 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
javascript从image转换为base64位编码的String
2014/07/29 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
JS实现双击内容变为可编辑状态
2017/03/03 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
[03:48]显微镜下的DOTA2第四期——TP动作
2014/06/20 DOTA
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
Python实现快速多线程ping的方法
2015/07/15 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
python numpy格式化打印的实例
2018/05/14 Python
python实现flappy bird小游戏
2018/12/24 Python
详解Python3除法之真除法、截断除法和下取整对比
2019/05/23 Python
python面试题之列表声明实例分析
2019/07/08 Python
django使用channels实现通信的示例
2020/10/19 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
测绘工程专业个人自我评价
2013/12/01 职场文书
给水工程专业毕业生自荐信
2014/01/28 职场文书
2014年元旦促销活动方案
2014/02/22 职场文书
行政人事经理职位说明书
2014/03/05 职场文书
企业晚会策划方案
2014/05/29 职场文书
教师病假条范文
2015/08/17 职场文书
python文件目录操作之os模块
2021/05/08 Python
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python