复选框的全选和取消

原创 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...
  • zzh_meng520
  • zzh_meng520
  • 2017年02月28日 16:13
  • 3660

jquery复选框全选,反选,自动勾选全选框,取消勾中全选框

页面中实现全选,反选,一组复选框选中时全选按钮自动选中,一组中有一个未选中时全选按钮取消$('#checkAll').click(function(){ if(this.checked) { ...
  • yx13649017813
  • yx13649017813
  • 2014年12月16日 17:30
  • 1874

ext 中checkbox 无法取消选中行,全选按钮全选问题

1.ext 中checkbox 在选中几个记录时,在单击选中的一行记录,其他选中行会消失的问题,及全选框该不该选中的问题,将下面代码复制到项目中(可能会出现点击gridpanel 的行的时候,无法选中...
  • asd141747
  • asd141747
  • 2014年01月08日 09:45
  • 1088

AngularJS 实现复选框 全选/取消全选

第一次写博客,也是把自己所学习的知识记录下来,以便以后查找。
  • Jason_Kennan
  • Jason_Kennan
  • 2016年12月28日 13:12
  • 3851

JQuery一个checkbox实现全选/全不选,取消子checkbox时,全选checkbox取消对号

JQuery一个checkbox实现全选/全不选,取消子checkbox时,全选checkbox取消对号
  • fumier
  • fumier
  • 2014年12月08日 19:30
  • 2570

全选复选框和取消所有复选框 jquery全选复选框 js全选复选框

1.功能: a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态 b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 /** * 全选函数...
  • zhuyangxing
  • zhuyangxing
  • 2013年05月17日 12:27
  • 607

zTree学习笔记一:实现checkbox、全选、取消全选功能

Title
  • zhongshijun521
  • zhongshijun521
  • 2017年06月07日 21:41
  • 2019

layer 复选框反选功能。

//layer 复选框全选功能。function DoCheck() { //layui-unselect layui-form-checkbox layui-form-che...
  • prospertu
  • prospertu
  • 2017年04月24日 16:31
  • 3212

C#WinForm开发系列之CheckBox控件全选和取消全选以及checkedListBox的基础使用介绍

一.研究了一下C# CheckBox控件的全选和反选问题,这里研究了两种全选的方法: 1.首先,使用3个panel控件和8个checkBox控件实现了反选和全选的实现界面,panel11的Dock属...
  • DannyIsCoder
  • DannyIsCoder
  • 2017年05月08日 21:57
  • 1977

jquery实现复选框的全选操作

最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,把功能实现,整理如下。 实现细节如...
  • mj158518
  • mj158518
  • 2016年07月20日 00:30
  • 3428
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:复选框的全选和取消
举报原因:
原因补充:

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