全选做判断 

<body>
   <div class="hr hr-18 dotted"></div>
   <div class="row">
      <div class="col-xs-12">
         <div class="row">
            <div class="col-xs-12">
               <div id="chenkbox" style="overflow-x: hidden;margin-bottom:40px;">
               <table id="sample-table-2" class="table table-bordered" >
                     <thead class="fixedHeader" >
                        <tr>
                           <td class="tc min-10">
                              <label class="position-relative">
                                 <input type="checkbox"class="ace allcheck" onclick="selectAll()"/><span class="lbl allchecklbl"></span>
                              </label><span>全选</span>
                              <div class="ww"></div></td>
                           <td class="tc min-10" sort="string" ><span>序号</span><div class="ww"></div></td>
                           <td class="tc min-20"   sort="string" ><span>名称</span><div class="ww"></div></td>                            
                           <td class="tc min-20"   sort="string" ><span>数量</span><div class="ww"></div></td>                         
                        </tr>
                     </thead>
                     <tbody class="scrollContent">
                        <c:forEach items="${page.results}" varStatus="status" var="bean">
                           <tr>
                              <td class="min-10 td_center">
                                 <label class="position-relative">
                                    <input type="checkbox" class="ace" value="${bean.code}" id="checkbox" name="checkbox" /> <span class="lbl"></span>
                                 </label><span>&emsp;&emsp;</span>
                           　　</td>
                              <td class="min-10 td_center">${status.index+1}</td>
                              <td class="min-20 td_center">${bean.name}</td> 
                              <td class="min-20 td_center" >${bean.count}</td>                       
                           </tr>
                        </c:forEach>
                     </tbody>
                  </table>
               </div>
               <%--<div id="sample-table-box" style="display:none;overflow-x: auto;overflow-y: hidden;">
                  <table id="sample-table-dt" class="table table-bordered" style="width:60%">
                     
                  </table>
               </div>--%>
            </div>
         </div>
      </div>
   </div>
      

   <!-- 遮罩层 -->
   <div class="md-overlay"></div>
   <script src="../resources/core/js/popup/classie.js"></script>
   <script src="../resources/core/js/popup/modalEffects.js"></script>
   <script type="text/javascript" src="../resources/core/js/style.js"></script>
<script type="text/javascript" src="../resources/core/js/jquery1x.js"></script>
<script type="text/javascript">

   var baseUrl="<%=basePath%>";
   // 根据屏幕分辨率不同给tbody加上合适的高度
   total = document.documentElement.clientHeight;
   colHeight = total - 110;
   //document.getElementById("tests").style.height = colHeight + "px";
   // 拖拽、排序调用
   $(document).ready(function() {

           //全选做判断
           var checkAll = true;
           $("body").delegate(".scrollContent tr","click",function(){
               //function selectOne(){
               checkallconfirm();
           });
           $("body").delegate(".allchecklbl","click",function(){
               //function selectAll(){
               checkallconfirm();
               if(checkAll){
                   for(var i = 0;i<$(".scrollContent tr").length;i++){
                       if(!$(".scrollContent .ace").eq(i).is(':checked')){
                           $(".scrollContent tr").eq(i).trigger("click");
                       }
                   }
                   $(".allcheck").prop("checked",false);   //因为后面插件自己还要做一次修改
               }else{
                   for(var i = 0;i<$(".scrollContent tr").length;i++){
                       if($(".scrollContent .ace").eq(i).is(':checked')){
                           $(".scrollContent tr").eq(i).trigger("click");
                       }
                   }
                   $(".allcheck").prop("checked",true);
               }
           });
           function checkallconfirm(){
               var count = 0;
               var checkboxNum = $(".scrollContent tr").length;
               for(var i = 0;i<checkboxNum;i++){
                   if($(".scrollContent .ace").eq(i).is(':checked')){
                       count++;
                   }
               }
               if(count == checkboxNum){   //已全部选中
                   checkAll = false;
                   $(".allcheck").prop("checked",true);
               }else{
                   checkAll = true;
                   $(".allcheck").prop("checked",false);
               }
           }
           //全选方法
      /*function checkAll(e) {
       var t=document.getElementsByName("checkbox");
       for(var i=0;i<t.length;i++) {
       t[i].checked="checked";
       }
       }*/
   });
     
</script>
</body>
posted @ 2018-04-12 09:32  军999  阅读(102)  评论(0)    收藏  举报