checkbox全选中

来源：互联网发布：52单片机如何写入程序编辑：程序博客网时间：2024/06/09 21:56

页面上有一个复选框，选中前面的checkbox后面的默认为全选中。

<%@ page language="java" contentType="text/html; charset=utf-8"

   pageEncoding="utf-8"%>
   <%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
%>
<script type="text/javascript">
   function selectAll(ty){
           jQuery(".check_box_sup_"+ty).each(function(){
               if(jQuery("#check_box_sup_"+ty).attr('checked')=='checked'){
                   jQuery(this).attr("checked",true);
               }else{
                   jQuery(this).attr("checked",false);
               }
           });
   }

</script>
<table id="resultTable" class="edit_table" style="width: 100%; *width: 75%">
       <tr>
           <td align="right" colspan="3" >
               <input type="button" value="确定" onclick="selectRush()"/>
           </td>
       </tr>
       <tr>
               <td width="10%">
                   大类
               </td>
               <td width="80%">
                   小类
               </td>
       </tr>
       <c:forEach items="${reMap}" varStatus="v" var="k">
           <tr align="center" style="background: #fff;">
               <td width="10%" align="left">
                   <input type="checkbox" onclick="selectAll('${v.count }')" id="check_box_sup_${v.count }" name="check_box_sup_${v.count }" value="" title="" />${k.key}
               </td>
               <td width="10%" align="left">
                   <c:forEach items="${k.value.list }" var="re">
                   <input type="checkbox" name="check_box_${v.count}_${re.catId}" class="check_box_sup_${v.count }" id="check_box_${v.count }_${re.catId}" value="${re.catId }" title="${re.catName }" />${re.catName }  
                   </c:forEach>
               </td>
           </tr>
       </c:forEach>
</table>