首页 > 开发 > 综合 > 正文

DataGrid 的 全选/取消全选 控制(CheckBox)

2024-07-21 02:29:18
字体:
来源:转载
供稿:网友

datagrid控件:

  <columns>
        <asp:templatecolumn>
         <headerstyle width="10px"></headerstyle>
         <headertemplate>
          <input id="checkall" name="checkall" type="checkbox" >
         </headertemplate>
         <itemtemplate>
          <asp:checkbox id="checkbox1" runat="server"></asp:checkbox>
         </itemtemplate>
        </asp:templatecolumn>
        <asp:templatecolumn headertext="序号">
         <headerstyle wrap="false"></headerstyle>
         <itemtemplate>
          <asp:label runat="server" id="labno"></asp:label>
         </itemtemplate>
        </asp:templatecolumn>

 

javascript函数:

  var checkflag = true;
    function chooseall()
    {
       //if( !document.all("checkall").checked ) // 全选 
       if( checkflag ) // 全选 
      {
          var inputs = document.all.tags("input");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
          {
            if (inputs[i].type == "checkbox" && inputs[i].id != "checkall" )
             {
                inputs[i].checked = true;
             }    
          }
          checkflag = false;
       }
       else  // 取消全选
       {
          var inputs = document.all.tags("input");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
          {
             if (inputs[i].type == "checkbox" && inputs[i].id != "checkall" )
             {
                inputs[i].checked = false;
             }    
          }
          checkflag = true;
       }
    }

    // <summary>
    // 让用户加以确认删除数据。
    // </summary>
    function delrec()
    {
       var inputs = document.all.tags("input");
       var selectedlen = 0;
       for( var i=0;i < inputs.length; i ++)
       {
          if(inputs[i].type == "checkbox")
          {
             if( inputs[i].checked )
             {
                if(inputs[i].id != "checkall")
                {
                   selectedlen ++;
                }
             }
          }
       }
       if( selectedlen == 0 )
       {
          alert("请先选择您要删除的数据!");
       }
       else
       {
          var flag = confirm("您确定要删除所选择的这 " + selectedlen + " 条数据吗?");
          if(flag)
          {
             document.all("btndelrecord").click(); 
          }
       }
    }

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表