From 107a5686d1cb522ea149f1ca4df8d4f6af4f400c Mon Sep 17 00:00:00 2001
From: lizanle <491823689@qq.com>
Date: Thu, 20 Aug 2015 11:37:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E6=BA=90=E5=BA=93=20=E5=85=A8?=
 =?UTF-8?q?=E9=80=89=E5=8F=8D=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/users/_resources_list.html.erb |  2 +-
 app/views/users/user_resource.html.erb   | 70 +++++++++++++++++++++++-
 2 files changed, 69 insertions(+), 3 deletions(-)

diff --git a/app/views/users/_resources_list.html.erb b/app/views/users/_resources_list.html.erb
index b344c737d..7a18a037b 100644
--- a/app/views/users/_resources_list.html.erb
+++ b/app/views/users/_resources_list.html.erb
@@ -3,7 +3,7 @@
     <% attachments.each do |attach| %>
     <ul class="resourcesList">
       <li class="resourcesListCheckbox fl">
-        <input name="checkbox1" type="checkbox" class="resourcesCheckbox" />
+        <input name="checkbox1" type="checkbox" onclick="checkAllBox($(this));" class="resourcesCheckbox" />
       </li>
     <li class="resourcesListName fl">
       <!--<a href="javascript:void(0);" class="resourcesBlack"><%#=truncate(attach.filename,:length=>18)%></a>-->
diff --git a/app/views/users/user_resource.html.erb b/app/views/users/user_resource.html.erb
index 6938e389e..1ead2447c 100644
--- a/app/views/users/user_resource.html.erb
+++ b/app/views/users/user_resource.html.erb
@@ -87,12 +87,12 @@
   </div>
   <div class="resourcesListOption">
     <div class="resourcesCheckAll">
-      <input id="checkboxAll" type="checkbox" value="" class="resourcesCheckbox" />
+      <input id="checkboxAll" type="checkbox" value=""  class="resourcesCheckbox" />
     </div>
     <a href="javascript:void(0);" class="replyGrey mr15">全选</a>
     <a href="javascript:void(0);" class="replyGrey">删除</a>
     <div class="resourcesSelectSend">
-      <div class="fl">选择&nbsp;<span class="c_red">10</span>&nbsp;个资源</div>
+      <div class="fl">选择&nbsp;<span class="c_red" id="res_count">0</span>&nbsp;个资源</div>
       <div class="resourcesSelectSendButton">
         <a href="javascript:void(0);" class="c_blue db">发送</a>
       </div>
@@ -179,6 +179,72 @@ $(".resourcesList").click(function(e) {
        }
         line = null;
 });
+  //只要有一个选中了就是true
+  function checkboxSelected(){
+      selected = false;
+      $("#resources_list").find("input[name='checkbox1']").each(function(){
+          if($(this).attr('checked') == true){
+              selected = true;
+          }
+      });
+      return selected;
+  }
+  //只有全选才是true
+  function checkboxAllSelected(){
+      allSelected = true;
+      $("#resources_list").find("input[name='checkbox1']").each(function(){
+          if($(this).attr('checked') == undefined){
+              allSelected = false;
+          }
+      });
+      return allSelected;
+  }
+  //只有全部不选才是true
+  function checkboxAllDeselected(){
+      allDeselected = true;
+      $("#resources_list").find("input[name='checkbox1']").each(function(){
+          if($(this).attr('checked') == 'checked'){
+              allDeselected = false;
+          }
+      });
+      return allDeselected;
+  }
+  //查看所有的checkbox状态，并且按情况更改$("#checkboxAll")的状态
+  function checkAllBox(checkbox){
+    //只有选中当前checkbox且这个时候所有的checkbox都被选中了，$("#checkboxAll")才是被选中状态，其余都是非选中状态
+    if(checkbox.attr('checked') == 'checked' && checkboxAllSelected()){
+        $("#checkboxAll").attr('checked',true);
+    }else{
+        $("#checkboxAll").attr('checked',false);
+    }
+    $("#res_count").html(getCheckBoxSeletedCount());
+
+  }
+  //获取当前checkbox选中的数目
+  function getCheckBoxSeletedCount(){
+      var i = 0;
+      $("#resources_list").find("input[name='checkbox1']").each(function(){
+          if($(this).attr('checked') == 'checked'){
+              i ++;
+          }
+      });
+      return i;
+  }
+  $("#checkboxAll").click(function(e){
+
+      if($(this).attr('checked')){
+          $("#resources_list").find("input[name='checkbox1']").each(function(){
+              $(this).attr('checked',true);
+          });
+          $("#res_count").html('<%= @attachments.size%>');
+      }else{
+          $("#resources_list").find("input[name='checkbox1']").each(function(){
+              $(this).attr('checked',false);
+          });
+          $("#res_count").html(0);
+      }
+  });
+
   function show_send(){
       $("#contextMenu").hide();
       document.oncontextmenu = function() {return true;}