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 相关文章推荐
javascript静态的url如何传递
May 03 Javascript
JavaScript 利用Cookie记录用户登录信息
Dec 08 Javascript
JQuery select标签操作代码段
May 16 Javascript
HTML上传控件取消选择
Mar 06 Javascript
JS返回顶部实例代码
Aug 09 Javascript
JavaScript的数据类型转换原则(干货)
Mar 15 Javascript
JavaScript面试出现频繁的一些易错点整理
Mar 29 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
vue实现搜索过滤效果
May 28 Javascript
Vue最新防抖方案(必看篇)
Oct 30 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生成短网址的3种方法代码实例
2014/07/08 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
jquery+css实现动感的图片切换效果
2015/11/25 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
2016/11/01 Javascript
Node.js readline模块与util模块的使用
2018/03/01 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
2019/07/18 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
10款最好的Web开发的 Python 框架
2015/03/18 Python
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
wxPython多个窗口的基本结构
2019/11/19 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
CSS改变网页中鼠标选中文字背景颜色例子
2014/04/23 HTML / CSS
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
实习生单位鉴定意见
2013/12/04 职场文书
暑假学习心得体会
2014/09/02 职场文书
生产操作工岗位职责
2014/09/16 职场文书
建国大业观后感800字
2015/06/01 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript
《废话连篇——致新手》——chinapizza
2022/04/05 无线电
box-shadow单边阴影的实现
2023/05/21 HTML / CSS