判断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

相关文章
相关标签/搜索