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 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
Jquery中dialog属性小记
Sep 03 Javascript
js中的string.format函数代码
Aug 11 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
Jan 08 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
Nov 11 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
JS获取父节点方法
2009/08/20 Javascript
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
js实现简单秒表走动的时钟特效
2020/03/25 Javascript
js中javascript:void(0) 真正含义
2020/11/05 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
详解http访问解析流程原理
2017/10/18 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
2018/01/02 jQuery
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
2020/07/17 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
Python创建系统目录的方法
2015/03/11 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
2019/05/13 Python
pandas 层次化索引的实现方法
2019/07/06 Python
简单介绍一下pyinstaller打包以及安全性的实现
2020/06/02 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
全球性的在线商店:Vogca
2019/05/10 全球购物
业绩倒数第一的检讨书
2014/09/24 职场文书
财政局个人年终总结
2015/03/03 职场文书
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
elasticSearch-api的具体操作步骤讲解
2021/06/28 Java/Android
Python办公自动化PPT批量转换操作
2021/09/15 Python
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技