动态获取复选框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 相关文章推荐
Javascript技巧之不要用for in语句对数组进行遍历
Oct 20 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
tab栏切换原理
Mar 22 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
layui table设置前台过滤转义等方法
Aug 17 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
深入详解JS函数的柯里化
Jun 09 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
如何使用动态共享对象的模式来安装PHP
2006/10/09 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
PHP写日志的实现方法
2014/11/05 PHP
深入浅析php中sprintf与printf函数的用法及区别
2016/01/08 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
php实现水印文字和缩略图的方法示例
2016/12/29 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
JS模拟多线程
2007/02/07 Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
jQuery实现精美的多级下拉菜单特效
2015/03/14 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
2017/02/14 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
快速将Vue项目升级到webpack3的方法步骤
2017/09/14 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
深入理解Vue router的部分高级用法
2018/08/15 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
原生js检测页面加载完毕的实例
2018/09/11 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
python实现扫描日志关键字的示例
2018/04/28 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
Python用字典构建多级菜单功能
2019/07/11 Python
python实现多线程端口扫描
2019/08/31 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
幼儿园安全责任书
2014/04/14 职场文书
女儿满月酒致辞
2015/07/29 职场文书
创业计划书之都市休闲农庄
2019/12/28 职场文书