码迷,mamicode.com
首页 > Web开发 > 详细

asp.net中Repeater结合js实现checkbox的全选/全不选

时间:2015-04-29 23:04:25      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

前台界面代码:

<input name="CheckAll" type="checkbox" id="CheckAll" value="" onclick="javascript:FormSelectAll(‘form1‘,‘cboxi‘,‘CheckAll‘,this);" />   
//用于选择是否全选的复选框,用javascript函数“FormSelectAll(‘form1‘,‘CheckBox‘,this); ”实现全选效果,具体参数下文在详细解释  
<form id="form1" runat="server"> 
<asp:Repeater ID="RptList" runat="server" > 
<ItemTemplate> 
<input name="cboxi" id="cboxi" runat="server" type="checkbox" value=‘<%# DataBinder.eval_r(Container.DataItem, "F_JobID")%>‘ />   
//使用Repeater 控件绑定checkbox控件,用于选择单项内容  
</ItemTemplate> 
</asp:Repeater>   
</form>

下面是js代码:

//全选
//formId:目标复选框所在表单
//EleName:目标的复选框name
//CbAllEleName:全选/不全选 的复选框id
function FormSelectAll(formId, EleName,CbAllEleId, e) {
    var Elements = document.getElementById(formId).elements; //获取目标复选框的表单
    for (var i = 0; i < Elements.length; i++) {
        if (Elements[i].type == "checkbox" && Elements[i].name.indexOf(EleName) >= 0) {
            if (document.getElementById(CbAllEleId).checked) {
                Elements[i].checked = e.checked;//全选
            }
            else {
                Elements[i].checked = false;//全不选
            }
            
        }
    }
}

下面是C#代码:

for (int i = 0; i < this.RptList.Items.Count; i++)      
{  
    HtmlInputCheckBox CB = (HtmlInputCheckBox)this.RptList.Items[i].FindControl("cboxi");    
    if (CB.Checked == true)  
    {  
         //如果此复选框已经选中,那就......
    }  
}

asp.net中Repeater结合js实现checkbox的全选/全不选

标签:

原文地址:http://www.cnblogs.com/pingming/p/4467495.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!