复选框的全选和取消

原创 2007年09月12日 11:42:00

一.JavaScript 实现全选

<script language="Javascript">
//代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮
   function selectAll() 
   {
for (var i=0;i<document.form1.memberId.length;i++) {
var temp=document.form1.memberId[i];
temp.checked=!temp.checked;
}
   if (document.form1.selectButton.value=="全部选择")
   {
     document.form1.selectButton.value="取消全选";
   }
   else
   {
     document.form1.selectButton.value="全部选择";
   }
}
</script>

二.asp.net 的GridView 后台显示全选和取消

前台页面,GridView中的一个列
<asp:TemplateField>
         <EditItemTemplate>
              <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
           </EditItemTemplate>
            <ItemTemplate>
                <asp:CheckBox ID="chbItem" ToolTip='<%# DataBinder.Eval(Container,"DataItem.日志ID") %>'
                                                        runat="server" />
             </ItemTemplate>
             <HeaderTemplate>
                     <asp:CheckBox ID="chbAll" runat="server" AutoPostBack="true" OnCheckedChanged="chbAll_CheckedChanged" />
              </HeaderTemplate>
</asp:TemplateField>

protected void chbAll_CheckedChanged(object sender, EventArgs e)//全选
    {
        if (((CheckBox)sender).Checked)
        {
            foreach (GridViewRow row in GridView1.Rows)//GridView1.Rows中的Rows只计当前页(分页情况下)的行数,如果是数据的所用行,用Items.Count();
            {
                ((CheckBox)row.Cells[0].FindControl("chbItem")).Checked = true;
            }
        }
        else//清空当前页面所有行选中状态
        {
            foreach(GridViewRow row in GridView1.Rows)
            {
                ((CheckBox)row.Cells[0].FindControl("chbItem")).Checked = false;
            }
        }
//批量删除
        SetUp.OperateDataBase odb = new SetUp.OperateDataBase();
        for (int i = 0; i < GridView1.Rows.Count; i++)
        {
            CheckBox del = (CheckBox)GridView1.Rows[i].FindControl("chbItem");
            if (del.Checked)
            {
                string strSql = "delete from 日志表 where 日志ID=" + del.ToolTip;
                odb.delete(strSql, true);
            }
        }}

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

使用js实现复选框的全选、取消功能

function checkAll() { var all=document.getElementById('all'); var one=document.getElemen...

jQuery实现复选框全选/全部取消/反选/获得选择的值

jQuery实现复选框全选/全部取消/反选/获得选择的值

复选框的全选和取消全选效果

首先,先来实现复选框的全选功能,我们做如下界面    实列代码:    全选的功能,让最上边的复选框点上,下边子选框全部被选中,当然点击触发的是onclick时间 ...

【JS】复选框的全选和取消全选

测试代码如下: li{list-style: none;} <ul c
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)