<td style="font-weight:bold;background-color: #f5f5f5;">子机构编码 </td>
              <td style="font-weight:bold">子机构 </td>
              <td style="font-weight:bold">比率</td>
-----单项
<c:forEach var="deptAllo" items="${deptAllocates}" begin="${vs.index}" end="${vs.index+2}" varStatus="vt">
              <td style="background-color: #f5f5f5"><input  type="checkbox" name="allocateId"
               <c:if test="${vt.index % 3==0}"> class="allocateId1" onclick='checkItem(this,"selectAll1","allocateId1");'</c:if>
               <c:if test="${vt.index % 3==1}"> class="allocateId2" onclick='checkItem(this,"selectAll2","allocateId2");'</c:if>
               <c:if test="${vt.index % 3==2}"> class="allocateId3" onclick='checkItem(this,"selectAll3","allocateId3");'</c:if>
                value="${deptAllo.allocateId}"/></td>
               <td style="background-color: #f5f5f5">${deptAllo.childDeptCode}</td>
              <td>${deptAllo.childDeptName} </td>
              <td align="right">
               <fmt:formatNumber value="${deptAllo.percentage}" maxFractionDigits="2"></fmt:formatNumber>%
              </td>
              <c:if test="${vs.last&&vt.last}"> 
              <c:forEach var="i" begin="0" end="${vt.index%3-1}">
              <td></td><td></td><td></td><td></td>
              </c:forEach>
              </c:if>
                </c:forEach>
------------------------------------js--------------------------------
//全选按钮
function checkAll(e,itemName){    //全选函数 e为全选对象,itemName 为子name  
  
for(var i=0;i<$("."+itemName).length;i++){  
$("."+itemName)[i].checked=e.checked;  
}  
}

function checkItem(e,allName){   //当选取或取消选取没一个复选框时调用的函数   
var all=document.getElementById(allName); //全选框对象  
if(!e.checked){      //如果是取消选取那么全选框就取消选取  
  all.checked=false;  
}  
else{                 //如果是选取,就要判断其他是否都已经全部选取了  
  var aa=document.getElementsByName(e.name);  
  for(var i=0;i<aa.length;i++){  
   if(!aa[i].checked){//如果有一个没有选上,那么就返回  
    return;  
   }  
  }  
  all.checked=true;//如果其他都选上了,全选框就要选上  
}  
}
查看全文
  相关解决方案