动态获取复选框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 相关文章推荐
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
js控制web打印(局部打印)方法整理
May 29 Javascript
node.js Web应用框架Express入门指南
May 28 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
angularjs+bootstrap实现自定义分页的实例代码
Jun 19 Javascript
vue绑定class与行间样式style详解
Aug 16 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
JavaScript实现图片轮播特效
Oct 23 Javascript
vue如何实现动态加载脚本
Feb 05 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
php创建多级目录代码
2008/06/05 PHP
PHP的可变变量名的使用方法分享
2012/02/05 PHP
PHP页面中文乱码分析
2013/10/29 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
2015/09/27 Javascript
JavaScript Date对象详解
2016/03/01 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
Vue调试神器vue-devtools安装方法
2017/12/12 Javascript
vue-cli脚手架的安装教程图解
2018/09/02 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
python使用socket向客户端发送数据的方法
2015/04/29 Python
python万年历实现代码 含运行结果
2017/05/20 Python
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
Python简单I/O操作示例
2019/03/18 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
pyecharts绘制中国2020肺炎疫情地图的实例代码
2020/02/12 Python
keras 多任务多loss实例
2020/06/22 Python
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
传播学专业毕业生自荐信
2013/11/04 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
十岁生日同学答谢词
2014/01/19 职场文书
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
会计人员演讲稿
2014/09/11 职场文书
2015年感恩母亲节活动方案
2015/05/04 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
小平您好观后感
2015/06/09 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书