Repeater内部CheckBox全选

一、HTML代码:

<input name="CheckAll" type="checkbox" value="" οnclick="javascript:FormSelectAll('form1','CheckBox',this);" />      //用于选择是否全选的复选框,用javascript函数“FormSelectAll('form1','CheckBox',this);  ”实现全选效果,具体参数下文在详细解释

<form id="form1" runat="server">
  <asp:Repeater ID="RptList" runat="server" >
    <ItemTemplate>
      <input name="CheckBox" id="CheckBox" runat="server" type="checkbox" value='<%# DataBinder.Eval(Container.DataItem, "F_JobID")%>' />    //使用Repeater 控件绑定checkbox控件,用于选择单项内容
    </ItemTemplate>
  </asp:Repeater>
</form>

二、Javascript实现全选效果:

function FormSelectAll(formID,EleName,e) //formID:目标复选框组所在的form表单的ID属性;Elename:目标复选框组共同的Name属性;e:用于标识是否全选的复选框自身,用户判断是“全选”还是“全不选”
{
    var Elements = document.getElementById(formID).elements; //获取目标复选框组所在的Form表单
    for (var i = 0; i < Elements.length;i++)
    {
        if (Elements[i].type == "checkbox" && Elements[i].name.indexOf(EleName) >= 0)   //根据对象类型和对象的name属性判断是否为目标复选框
        {
            Elements[i].checked = e.checked;   //根据用于控制的复选框的选中情况判断是否选中目标复选框
        }
    }
}

三、服务器端执行代码:

for (int i = 0; i < this.RptList.Items.Count; i++)              //根据Repeater 控件的情况执行循环判断目标复选框是否被选中
{
  HtmlInputCheckBox CB = (HtmlInputCheckBox)this.RptList.Items[i].FindControl("CheckBox");    //获取一个目标复选框情况
  if (CB.Checked == true)                       //判断该复选框是否被选中
   {
    。。。。。            //程序处理代码
  }
}

转载于:https://www.cnblogs.com/stray521/archive/2008/12/27/1363484.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值