`
mywebcode
  • 浏览: 1001264 次
文章分类
社区版块
存档分类
最新评论

判断checkbox选中的个数

 
阅读更多


直接看例子吧:shippingAddressList 为一个集合

<c:forEach items="${shippingAddressList }" var="var">

<tr>
<td align="right"><input type="checkbox" value="${var.id }" name="checked"> </td>
<td>${var.contact }</td>
<td>${var.phone}</td>
<td>${var.postalCode }</td>
<td align="left">${var.address }</td>
</tr>

</c:forEach>

//forEach循环遍历出所有的checkbox 他们具有相同的name

var i=0;

var items = document.getElementsByName("checked"); //这个语句帮我们筛选出一组name为checked的复选框。。

for(var j=0; j<items.length; j++){

if(items[j].checked){ //如果该复选框被选中

i++; //统计被选中的个数

}

}


$("[name='checkbox']").attr("checked",'true');//全选

$("[name='checkbox']").removeAttr("checked");//取消全选

$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数

//反选

$("[name='checkbox']").each(function(){
if($(this).attr("checked"))
{
$(this).removeAttr("checked");
}
else
{
$(this).attr("checked",'true');
}


//判断某个复选框是否被选中

有这样一个复选框<span style="margin-left: 20px;"><input type="checkbox"id="agree">我已阅读并同意</span>

在js中我们去判断其是否被选中

alert($("#agree").is(":checked")) 如果被选中 弹出 true 反之 false






分享到:
评论

相关推荐

    js juqery非常好用的复选框已选中的个数统计 及 js验证码 判断表单是否有选择,没有就不提交

    非常好用的复选框已选中的个数统计 及 js验证码 判断表单是否有选择,没有就不提交。代码非常简洁,个人写网站时候常用的有力帮手,自己可以下载来按需修改,不好用你找我要分。

    JS获取checkbox的个数简单实例

    JS获取多选框checkbox被选中的个数。 var checkbox = document.getElementsByName("likes[]"); //此处通过此种方式才能获得多选框为数组。 //like为name = "like[]" , 获得时必须加上[] var checked_counts = 0; ...

    判断checkbox选择的个数 多浏览器

    就是不能让用户选择超过5个checkbox New Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第二种方法 无标题文档 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]上面的只能在IE...

    json中文乱码

    1.json中文乱码 2.利于jquery判断复选框checkbox选中的个数 4.在js中访问json格式的数组或对象

    01_购物车.zip

    1.里面3个小的复选框按钮(j-checkbox)选中状态(checked)跟着全选按钮(checkall)走; 2.因为checked 是复选框的固有属性,此时需要利用prop()方法获取和设置该属性; 把全选按钮状态赋值给3小复选框就可以了; 3....

    《程序天下:JavaScript实例自学手册》光盘源码

    3.28 获取表单中文本框的个数 3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 ...

    程序天下:JavaScript实例自学手册

    3.28 获取表单中文本框的个数 3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 ...

    AngularJS 购物车全选/取消全选功能的实现方法

    (这里我想到的方法是给每一个对象增加checked字段,然后勾选触发echoChange()函数,用了一个cc变量计算当前checked为true的个数,然后再判断被勾选个数与数组长度是否相等,相等则证明全部被勾选,于是全选按钮也...

    C#编程经验技巧宝典

    的值 52 &lt;br&gt;0069 求最大公约数 52 &lt;br&gt;0070 求最小公倍数 53 &lt;br&gt;0071 判断素数的算法 53 &lt;br&gt;0072 如何判断一个数是否是完数 54 &lt;br&gt;0073 歌德巴赫猜想的算法 54 &lt;br&gt;0074 八皇后...

    正则表达式

    正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它...

Global site tag (gtag.js) - Google Analytics