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 png 透明解决方案(推荐)
Aug 21 Javascript
JavaScript 原型继承
Dec 26 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
浅谈Vue.js中的v-on(事件处理)
Sep 05 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
关于微信小程序bug记录与解决方法
Aug 15 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
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
PHP MVC框架路由学习笔记
2016/03/02 PHP
php实现背景图上添加圆形logo图标的方法
2016/11/17 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
php 数组元素快速去重
2017/05/05 PHP
DWR Ext 加载数据
2009/03/22 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
2011/07/31 Javascript
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
javascript制作sql转换为stringBuffer的小工具
2015/04/03 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
2016/12/12 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
一道Delphi上机题
2012/06/04 面试题
计算机专业大学生的自我评价
2013/11/14 职场文书
英语系本科生求职信范文
2013/12/18 职场文书
一年级班主任寄语
2014/01/19 职场文书
技能比赛获奖感言
2014/02/14 职场文书
薪酬专员岗位职责
2014/02/18 职场文书
新课培训心得体会
2014/09/03 职场文书
2015年校长新年寄语
2014/12/08 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
js实现模拟购物商城案例
2021/05/18 Javascript
Python中的xlrd模块使用整理
2021/06/15 Python
ubuntu端向日葵键盘输入卡顿问题及解决
2022/12/24 Servers