动态获取复选框checkbox选中个数的jquery代码


Posted in Javascript onJune 25, 2013

今天碰到“jquery动态获取复选框checkbox选中的个数”,首先看下面例子:

<input type="checkbox" checked="checked">python<br> 
<input type="checkbox" checked="checked">java<br> 
<input type="checkbox" >jquery<br> 
<input type="checkbox" >phpddt.com<br> 
<script src="jquery.js"></script> 
<script> 
$(function(){ 
$("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox'][checked='checked']").length);}); 
}); 
</script>

我给checkbox绑定了点击事件,想获取选中的个数,上面这种写法获取失败,当我点击另外一个复选框,个数任然没变:

动态获取复选框checkbox选中个数的jquery代码

<script> 
$(function(){ 
$("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox']:checked").length);}); 
}); 
</script>
Javascript 相关文章推荐
FireFox JavaScript全局Event对象
Jun 14 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
Sep 15 Javascript
比较详细的关于javascript 解析json的代码
Dec 16 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
利用javascript实现web页面中指定区域打印
Oct 30 Javascript
Node.js模块加载详解
Aug 16 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
基于jQuery实现选取月份插件附源码下载
Dec 28 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
JQuery在页面中添加和除移DOM示例代码
Jun 24 #Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 #Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
Jun 24 #Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 #Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 #Javascript
原生Js页面滚动延迟加载图片实现原理及过程
Jun 24 #Javascript
jquery可见性过滤选择器使用示例
Jun 24 #Javascript
You might like
DC动漫人物排行
2020/03/03 欧美动漫
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
php连接mysql数据库
2017/03/21 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
2011/03/25 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
Javascript事件实例详解
2013/11/06 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
更高效的使用JQuery 这里总结了8个小技巧
2016/04/13 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
详解vue前后台数据交互vue-resource文档
2017/07/19 Javascript
echarts学习笔记之图表自适应问题详解
2017/11/22 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
原生js实现trigger方法示例代码
2019/05/22 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
详解Django中六个常用的自定义装饰器
2018/07/04 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
建筑经济管理专业求职信分享
2014/01/06 职场文书
大学毕业感言
2014/01/10 职场文书
前厅部经理岗位职责范文
2014/02/04 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
react中props 的使用及进行限制的方法
2021/04/28 Javascript