动态获取复选框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解析XML的实现代码
Nov 12 Javascript
JavaScript 常用函数
Dec 30 Javascript
实例说明为什么不要行内使用javascript
Apr 18 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 Javascript
javascript验证form表单数据的案例详解
Mar 25 Javascript
关于JS模块化的知识点分享
Oct 16 Javascript
Vue自定义多选组件使用详解
Sep 08 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函数之error_reporting(E_ALL ^ E_NOTICE)详细说明
2011/07/01 PHP
深入PHP中的HashTable结构详解
2013/06/13 PHP
如何使用PHP获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
2016/11/22 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
vue给input file绑定函数获取当前上传的对象完美实现方法
2017/12/15 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
解决iView Table组件宽度只变大不变小的问题
2020/11/13 Javascript
python sort、sorted高级排序技巧
2014/11/21 Python
详解python之简单主机批量管理工具
2017/01/27 Python
Python基于ThreadingTCPServer创建多线程代理的方法示例
2018/01/11 Python
python中使用psutil查看内存占用的情况
2018/06/11 Python
Python递归函数实例讲解
2019/02/27 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
医生自荐信
2013/10/11 职场文书
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
决定成败的关键——创业计划书
2014/01/24 职场文书
工作决心书
2014/03/11 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
鼋头渚导游词
2015/02/05 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
解决mysql模糊查询索引失效问题的几种方法
2021/06/18 MySQL
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS