首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

根据class不同的 全选有关问题

2012-10-08 
根据class不同的全选问题------------------------------------html-----------------------------------

根据class不同的 全选问题
------------------------------------html------------------------------
-----全选
  <td style="font-weight:bold;background-color: #f5f5f5;"><input type="checkbox" id="selectAll1" onclick='checkAll(this,"allocateId1");'/></td>
              <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}"> onclick='checkItem(this,"selectAll1","allocateId1");'</c:if>
               <c:if test="${vt.index % 3==1}"> onclick='checkItem(this,"selectAll2","allocateId2");'</c:if>
               <c:if test="${vt.index % 3==2}"> 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;//如果其他都选上了,全选框就要选上  
}  
}

热点排行