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 相关文章推荐
Javascript Global对象
Aug 13 Javascript
jquery的index方法实现tab效果
Feb 16 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
AngularJS入门教程之AngularJS模型
Apr 18 Javascript
微信小程序 欢迎页面的制作(源码下载)
Jan 09 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
Aug 21 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
详解Webpack抽离第三方类库以及common解决方案
Mar 30 Javascript
解决新建一个vue项目过程中遇到的问题
Oct 22 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详解ASCII码对照表与字符转换
2011/12/05 PHP
php获取汉字首字母的函数
2013/11/07 PHP
Zend Framework入门教程之Zend_Registry组件用法详解
2016/12/09 PHP
Laravel中错误与异常处理的用法示例
2018/09/16 PHP
Egret引擎开发指南之创建项目
2014/09/03 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
JS+HTML5 FileReader对象用法示例
2017/04/07 Javascript
JS随机排序数组实现方法分析
2017/10/11 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
js实现的格式化数字和金额功能简单示例
2019/07/30 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
Python有序字典简单实现方法示例
2017/09/28 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
儿童学习python的一些小技巧
2018/05/27 Python
python使用Plotly绘图工具绘制散点图、线形图
2019/04/02 Python
Python3之字节串bytes与字节数组bytearray的使用详解
2019/08/27 Python
图解python全局变量与局部变量相关知识
2019/11/02 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
python绘制雷达图实例讲解
2021/01/03 Python
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
电大物流学生的自我评价
2013/10/25 职场文书
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
计算机毕业大学生推荐信
2013/12/01 职场文书
公司司机岗位职责范本
2014/03/03 职场文书
放飞梦想演讲稿
2014/05/05 职场文书
志愿者宣传口号
2014/06/17 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书
《花钟》教学反思
2016/02/17 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
你真的会用Mysql的explain吗
2022/03/31 MySQL