网站建设资讯

NEWS

网站建设资讯

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实现全选功能
网页路径:http://njwzjz.com/article/jpghpi.html