jQuery 的全选(全非选)即取得被选中的值使用介绍


Posted in Javascript onNovember 12, 2013

页面代码

<body> 
<div> 
<input id="checkall" type="checkbox" value="天" />全部<br/> 
<div id="con"> 
<input type="checkbox" name="checkbox" value="天" />天 
<input type="checkbox" name="checkbox" value="空" />空 
<input type="checkbox" name="checkbox" value="飞" />飞 
<input type="checkbox" name="checkbox" value="来" />来 
<input type="checkbox" name="checkbox" value="五" />五 
<input type="checkbox" name="checkbox" value="个" />个 
<input type="checkbox" name="checkbox" value="字" />字 
<input type="checkbox" name="checkbox" value="这" />这 
<input type="checkbox" name="checkbox" value="都" />都 
<input type="checkbox" name="checkbox" value="不" />不 
<input type="checkbox" name="checkbox" value="算" />算 
<input type="checkbox" name="checkbox" value="事" />事</div> 
</div> 
<script src="Scripts/jquery-1.4.1.js" language="javascript"></script> 
<script src="JqueryAll.js" language="javascript"></script> 
</body>

js中的代码
/*js部分 
* 绑定批量选定/非选 
* 例子 
*/ $(function () { 
$("#checkall").click(function () { 
var stu = $(this).attr("checked"); 
checkAll(stu); 
}) 
$("input[name='checkbox']").click(function () { 
uncheckAll(); 
}) 
}) 
function checkAll(status) { 
$("input[name='checkbox']").each(function () { 
$(this).attr("checked"); 
$(this).attr("checked", status); 
}) 
} 
function uncheckAll() { 
alert($("input[name='checkbox']:checked").length); 
if ($("input[name='checkbox']:checked").length == $("input[name='checkbox']").length) { 
$("#checkall").attr("checked",true); 
} 
else { 
$("#checkall").attr("checked", false); 
} 
}
Javascript 相关文章推荐
jquery checkbox,radio是否选中的判断代码
Mar 20 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
jquery实现的导航固定效果
Apr 28 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
js实现顶部可折叠的菜单工具栏效果实例
May 09 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
记录vue项目中遇到的一点小问题
May 14 Javascript
小程序Scroll-view上拉滚动刷新数据
Jun 21 Javascript
jquery 模板的应用示例
Nov 12 #Javascript
jQuery 无刷新分页实例代码
Nov 12 #Javascript
JS图片切换的具体方法(带缩略图版)
Nov 12 #Javascript
JS实现遮罩层效果的简单实例
Nov 12 #Javascript
javascript静态页面传值的三种方法分享
Nov 12 #Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 #Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 #Javascript
You might like
mysql_fetch_assoc和mysql_fetch_row的功能加起来就是mysql_fetch_array
2007/01/15 PHP
为PHP初学者的8点有效建议
2010/11/20 PHP
PHP学习之正则表达式
2011/04/17 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
Laravel 实现添加多语言提示信息
2019/10/25 PHP
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
JavaScript定时器实现的原理分析
2016/12/06 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
vue.js实现双击放大预览功能
2020/06/23 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
Python 通过pip安装Django详细介绍
2017/04/28 Python
在centos7中分布式部署pyspider
2017/05/03 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
在python中利用numpy求解多项式以及多项式拟合的方法
2019/07/03 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
python3中布局背景颜色代码分析
2020/12/01 Python
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
慕尼黑山地运动、户外服装和体育用品专家:Sporthaus Schuster
2019/08/27 全球购物
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
关于.NET, HTML的五个问题
2012/08/29 面试题
环保标语口号
2014/06/13 职场文书
郭明义电影观后感
2015/06/08 职场文书
企业管理制度设计时要注意的几种“常见病”!
2019/04/19 职场文书