jquery获取多选框checkbox的选中长度

我们用jquery来判断和获取网页中多选框checkbox的选中个数是非常简单的,看下面的一个具体的实例大家就明白了:

$("input[name=angel]:checked").length

以上方法站长已经在IE6 、IE8、FF中测试通过!

例子

 代码如下 复制代码

<input type="checkbox" checked="checked">python<br>
<input type="checkbox" checked="checked">java<br>
<input type="checkbox" >jquery<br>
<input type="checkbox" >jbxue.com<br>

jquery代码

<script>

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

补充,js获取长度如下

 代码如下 复制代码
document.getElementsByName("checkbox的name");
var obj=document.getElementsByName("checkboxname");
for(var i=0;i< obj.length;i++){
    alert(obj );
    alert(obj .checked);
}

多个的时候,是对象数组,
单个的时候,是一个对象,不是数组,用.length就不行了,上面的方法当它一个或多个时都可以正常使用。

时间: 2024-10-28 00:12:39

jquery获取多选框checkbox的选中长度的相关文章

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值

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

今天碰到"jquery动态获取复选框checkbox选中的个数",首先看下面例子: 复制代码 代码如下: <input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="check

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获取复选框被选中数量及判断选择值的方法详解_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><style mce_bogus="1"> &l

jquery对复选框(checkbox)的操作汇总_jquery

jquery操作复选框(checkbox)的12个小技巧. 1.获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项 $('input:checkbox').each(funct

jQuery 获取多选框的值及多选框中文的函数_jquery

 DOM结构 我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述. <label class="input_checkbox"> <input type="checkbox" name="sell_area" vlaue="0"> <span>甘肃</span> </label> <label class="input_checkbox