资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Repeater中怎么利用checkbox实现全选功能

这篇文章将为大家详细讲解有关Repeater中怎么利用checkbox实现全选功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

网站建设、成都做网站,成都做网站公司-创新互联建站已向上1000家企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。

一、HTML代码:

   //用于选择是否全选的复选框,用javascript函数“FormSelectAll('form1','CheckBox',this); ”实现全选效果,具体参数下文在详细解释     ' />   //使用Repeater 控件绑定checkbox控件,用于选择单项内容      

二、Javascript实现全选效果:

function FormSelectAll(formID,EleName,e) //formID:目标复选框组所在的form表单的ID属性;Elename:目标复选框组共同的Name属性;e:用于标识是否全选的复选框自身,用户判断是“全选”还是“全不选”  {  var Elements = document.getElementByIdx(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) //判断该复选框是否被选中  {  。。。。。 //程序处理代码  }  }

关于Repeater中怎么利用checkbox实现全选功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站名称:Repeater中怎么利用checkbox实现全选功能
文章URL:http://cdkjz.cn/article/jpghpi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220