复选框客户端实现全选和取消

最新推荐文章于 2022-03-22 14:17:30 发布

xuyabao

最新推荐文章于 2022-03-22 14:17:30 发布

阅读量360

点赞数

分类专栏： Javascript Web开发文章标签： function null

本文链接：https://blog.csdn.net/xuyabao/article/details/2173548

版权

Web开发同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

Javascript

13 篇文章 0 订阅

订阅专栏

复选框客户端实现全选和取消

//选中下拉列表ListBox中的全部
function SelectAllOption(SourceID)
{
var chkAll = document.getElementById("checkAll");
var Source = document.getElementById(SourceID);
var arrOption;
if( Source != null)
{
  arrOption = Source.getElementsByTagName("option");
  if(chkAll.checked == true)
  {
   for( var i=0;i<arrOption.length;i++)
   {
    arrOption.item(i).selected = "selected";
   }
  }
  else
  {
   for( var i=0;i<arrOption.length;i++)
   {
    arrOption.item(i).selected = "";
   }
  }
}
}

   //功能：Grid的复选框全部选择或全部取消
   function CheckSelectAll()
   {
    var txtSeleteAll = document.all("txtSelectAll");
    var intItemCount = gridFaultShow.rows.length;
    var chk;
    for(var i=1;i<intItemCount;i++)
    {
     chk = gridFaultShow.rows(i).cells(0).children(0);
     if(chk != null)
     {
      chk.checked = event.srcElement.checked;//true
     }
    }
    if(chk == null)
    {
     return;
    }
    if(chk.checked)
    {
     txtSeleteAll.innerText = "取消全选";
    }
    else
    {
     txtSeleteAll.innerText = "全部选择";
    }
   }
   //功能：Grid的复选框全部取消选择
   function CheckUnSelectAll()
   {
    var intItemCount = gridFaultShow.rows.length;
    var chk;
    for(var i=1;i<intItemCount;i++)
    {
     chk = gridFaultShow.rows(i).cells(0).children(0);
     if(chk != null)
     {
      chk.checked = false;
     }
    }
   }