动态获取复选框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 Html结构转字符串形式显示代码
Nov 15 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
JavaScript DOM进阶方法
Apr 13 Javascript
JavaScript实现控制打开文件另存为对话框的方法
Apr 17 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
Feb 15 Javascript
移动端效果之IndexList详解
Oct 20 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
layui table数据修改的回显方法
Sep 04 Javascript
绘制微信小程序验证码功能的实例代码
Jan 05 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 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设计模式之迭代器模式的深入解析
2013/06/13 PHP
分割GBK中文遭遇乱码的解决方法
2013/08/09 PHP
php实现用于验证所有类型的信用卡类
2015/03/24 PHP
php实现批量上传数据到数据库(.csv格式)的案例
2017/06/18 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
2014/08/18 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
纯javascript实现简单下拉刷新功能
2015/03/13 Javascript
谈谈JavaScript中的几种借用方法
2016/08/09 Javascript
微信小程序(应用号)开发新闻客户端实例
2016/10/24 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
Python字符串处理之count()方法的使用
2015/05/18 Python
Python中的super()方法使用简介
2015/08/14 Python
python文件操作相关知识点总结整理
2016/02/22 Python
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
python 瀑布线指标编写实例
2020/06/03 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
村优秀党员事迹材料
2014/01/15 职场文书
道路施工安全责任书
2014/07/24 职场文书
2015年财务经理工作总结
2015/05/13 职场文书
Python List remove()实例用法详解
2021/08/02 Python
小程序实现侧滑删除功能
2022/06/25 Javascript