动态获取复选框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 相关文章推荐
自用js开发框架小成 学习js的朋友可以看看
Nov 16 Javascript
node.js中的querystring.escape方法使用说明
Dec 10 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
Dec 08 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
vue中的v-model原理,与组件自定义v-model详解
Aug 04 Javascript
纯js+css实现在线时钟
Aug 18 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
Oct 28 Javascript
关于Js中new操作符的作用详解
Feb 21 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
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
zend framework多模块多布局配置
2011/02/26 PHP
php学习笔记 数组遍历实现代码
2011/06/09 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
PHP cookie,session的使用与用户自动登录功能实现方法分析
2019/06/05 PHP
php实现获取近几日、月时间示例
2019/07/06 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
浅析javascript的间隔调用和延时调用
2014/11/12 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
Bootstrap模态框(Modal)实现过渡效果
2017/03/17 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
js实现移动端轮播图
2020/12/21 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
2020/09/17 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
python实现红包裂变算法
2016/02/16 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
解决Keras自带数据集与预训练model下载太慢问题
2020/06/12 Python
HTML5注册页面示例代码
2014/03/27 HTML / CSS
应届生个人求职信模板
2013/11/26 职场文书
会计核算科岗位职责
2014/03/19 职场文书
自主招生教师推荐信
2014/05/10 职场文书
银行青年文明号事迹材料
2014/05/31 职场文书
自主招生推荐信格式模板
2015/03/24 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书