动态获取复选框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常用对话框小集
Sep 13 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
JavaScript String 对象常用方法总结
Apr 28 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
基于rollup的组件库打包体积优化小结
Jun 18 Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 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判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
基于node.js的快速开发透明代理
2010/12/25 Javascript
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
js charAt的使用示例
2014/02/18 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
js判断节假日实例代码
2017/12/27 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
快速了解python leveldb
2018/01/18 Python
pandas 转换成行列表进行读取与Nan处理的方法
2018/10/30 Python
Python TCPServer 多线程多客户端通信的实现
2019/12/31 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
使用keras时input_shape的维度表示问题说明
2020/06/29 Python
python实现三种随机请求头方式
2021/01/05 Python
python中常用的数据结构介绍
2021/01/12 Python
如何实现一个自定义类的序列化
2012/05/22 面试题
C#可否对内存进行直接的操作
2015/02/26 面试题
Linux Interview Questions For software testers
2013/05/17 面试题
医药专业应届毕业生求职信范文
2014/01/01 职场文书
美德好少年事迹材料
2014/01/19 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
小学运动会通讯稿
2015/07/18 职场文书
运动会广播稿300字
2015/08/19 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python
JavaCV实现照片马赛克效果
2022/01/22 Java/Android
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫