动态获取复选框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 相关文章推荐
Notify - 基于jquery的消息通知插件
Oct 18 Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 Javascript
JS应用正则表达式转换大小写示例
Sep 18 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
Js获取当前日期时间及格式化代码
Sep 17 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
JS实现二维数组元素的排列组合运算简单示例
Jan 28 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
vue 实现input表单元素的disabled示例
Oct 28 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 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生成WAP页面
2006/10/09 PHP
php目录管理函数小结
2008/09/10 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
菜鸟javascript基础资料整理2
2010/12/06 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
jquery序列化方法实例分析
2015/06/10 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
2015/10/02 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
Javascript基础回顾之(二) js作用域
2017/01/31 Javascript
vuejs指令详解
2017/02/07 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
Vue 自定义动态组件实例详解
2018/03/28 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
python 随机数使用方法,推导以及字符串,双色球小程序实例
2017/09/12 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
Hurley官方网站:扎根于海滩生活方式的全球青年文化品牌
2020/05/18 全球购物
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
财务分析个人的自荐书范文
2013/11/24 职场文书
生物工程专业求职信
2014/09/03 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android