动态获取复选框checkbox选中个数的jquery代码_jquery

今天碰到“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绑定了点击事件,想获取选中的个数,上面这种写法获取失败,当我点击另外一个复选框,个数任然没变:

复制代码 代码如下:

<script>
$(function(){
$("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox']:checked").length);});
});
</script>

时间: 2024-11-02 22:54:31

动态获取复选框checkbox选中个数的jquery代码_jquery的相关文章

jquery 统计复选框checkbox选中个数

以前我使用js只能判断遍历再获取, 例1  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

jquery判断复选框checkbox选中个数

首先引入jquery文件 <script type="text/javascript" src="js/jquery.js"></script> 判断check是否选中 多选框checkbox:  代码如下 复制代码  $("#chk1").attr("checked",'');//不打勾  $("#chk2").attr("checked",true);//打勾

Jquery获取复选框被选中值的简单方法_jquery

复制代码 代码如下: <input type="button" id="btn5" value="获得选中的所有值"><input type="text" name="dd" id="dd" size="50"  />$("#btn5").click(function(){          var str="&q

jQuery获取复选框被选中的个数及值

获取复选框被选中值  代码如下 复制代码 <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5").click(function(){ var str="

jQuery获取复选框被选中数量及判断选择值的方法详解_jquery

本文实例讲述了jQuery获取复选框被选中数量及判断选择值的方法.分享给大家供大家参考,具体如下: 获取复选框被选中值 <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5&

Jquery获取复选框被选中值的简单方法

这篇文章介绍了Jquery获取复选框被选中值的简单方法,有需要的朋友可以参考一下   复制代码 代码如下: <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50"  /> $("#btn5"

jquery获取复选框被选中的值

 这篇文章主要介绍了jquery获取复选框被选中的值的方法,需要的朋友可以参考下  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <mce:style><!--    --></mce:style&

jquery获取复选框checkbox的值实现方法_jquery

jQuery API : each(callback)::以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

jquery获取复选框checkbox的值的简单实现方法_jquery

jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值