页面上有一个复选框,选中前面的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="确定" οnclick="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" οnclick="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>