我想用js实现全选全消，怎么实现啊？请教了

Question

http://blog.csdn.net/meizz/archive/2005/12/01/541331.aspx

Answer 1

// JScript 文件
    function SelectAll()
    {
        //debugger;
        var checks = document.getElementsByTagName("INPUT");
        
        var checka = document.getElementById("CheckAll");
        
        for(i = 0,count = checks.length;i<count;i++)
        {
            if(checks.item(i).type == "checkbox" && checka != checks.item(i))
            {
                checks.item(i).checked = checka.checked;
                
                /*
                if(checks.item(i).checked)
                {
                     checks.item(i).parentElement.parentElement.className="mousedown";
                }
                else
                {
                    checks.item(i).parentElement.parentElement.className="mouseup";
                }
                */
            }
        }
    }        
        function SelectOne(obj)
    {
        var checka = document.getElementById("CheckAll");
        var ALLCHECK_FLAG = true;
        
        if(!obj.checked)
        {
            checka.checked = false;
            /*选中行的样式*/
            //obj.parentElement.parentElement.className="mouseup";
        }
        else
        {
            /*未选中行的样式*/
            //obj.parentElement.parentElement.className="mousedown";
            
            
            var checks = document.getElementsByTagName("input");
            for(i = 0,count = checks.length;i<count;i++)
            {
                if(checks.item(i).type == "checkbox")
                {
                    if(checks.item(i) != checka)
                    {
                        if(!checks.item(i).checked)
                        {
                            ALLCHECK_FLAG = false;
                            break;
                        }
                    }
                }
            }            
            checka.checked = ALLCHECK_FLAG;
        }
    }
    
                                   <asp:TemplateField ItemStyle-Width="1px">
                                    <HeaderTemplate>
                                        <input id="CheckAll" onclick="SelectAll()" type="checkbox" />
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:CheckBox ID="CheckOne" onclick="SelectOne(this)" runat="server" />
                                    </ItemTemplate>
                                    <ItemStyle Width="10px" />
                                </asp:TemplateField>

Answer 2

可能我说的不明白，我就想实现当这个复选框选中时，旁边显示的字体是＇全消＇两字，当不选中时，旁边显示＇全选＇两字．
这两个字用什么控件显示，是HTML控件，还是服务器控件好．谢谢了！

Answer 3

function CheckAll()
{
   var elements = document.aspnetForm.elements;
   var counter = elements.length;
   var allcbx = document.getElementById('cbxSelectAll');
   if(allcbx.checked == true)
     {
       for(j = 0;j<counter-1;j++)
        {
          var element = elements[j];
          if(element.type=="checkbox")
           {
              element.checked = true;
           }
        }
        document.getElementById('<%=lblDisplay.ClientID%>').value = "全消";
     }
}
选种时这个Label显示全消，未选中时显示全选．就这个意思，我现在是这个label它显示不出来．

Answer 4

function CheckAll() 
{ 
  var elements = document.aspnetForm.elements; 
  var counter = elements.length; 
  var allcbx = document.getElementById('cbxSelectAll'); 
  if(allcbx.checked == true) 
    { 
      for(j = 0;j <counter-1;j++) 
        { 
          var element = elements[j]; 
          if(element.type=="checkbox") 
          { 
              element.checked = true; 
          } 
        } 
        document.getElementById(' <%=lblDisplay.ClientID%>').innerHTML = "全消"; 
    } 
} 

Answer 5

function CheckChange() 
{ 
  var elements = document.aspnetForm.elements; 
  var counter = elements.length; 
  var allcbx = document.getElementById('cbxSelectAll'); 
  for(j = 0;j <counter-1;j++) 
  { 
      var element = elements[j]; 
      if(element.type=="checkbox") 
      { 
          element.checked = allcbx.checked; 
      } 
  } 
  document.getElementById(' <%=lblDisplay.ClientID%>').value = allcbx.checked ? '全消' : '全选'
}