Repeater控件中实现checkbox的全选

Repeater 控件是模板化的数据绑定列表，Repeater 控件是“无外观的”，即：它不具有任何内置布局或样式，也就不会产生任何数据控制表格来控制数据的显示。因此，我们必须在控件的模板中明确声明所有 HTML 布局标记、格式标记和样式标记。下面主要介绍了一个例子，功能是在Repeater控件中实现checkbox的全选。

成都创新互联是一家专注于网站设计制作、成都网站设计与策划设计,揭东网站建设哪家好?成都创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:揭东等地区。揭东做网站价格咨询:18980820575

今天做项目，做到一个Repeater控件内部的复选框权限效果，感觉有点麻烦，现在整理一下，贡献给大家!

一、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的全选
文章链接：http://www.shufengxianlan.com/qtweb/news28/139478.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联