zoukankan      html  css  js  c++  java
  • asp.net中Repeater结合js实现checkbox的全选/全不选

    前台界面代码:

    <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)  
        {  
             //如果此复选框已经选中,那就......
        }  
    }
  • 相关阅读:
    B. Xor of 3 题解(思维+构造)
    小 L 与 GCD 题解(数学 hard)
    F. Clear The Matrix 题解(状压dp)
    小顶堆与大顶堆的自定义cmp函数
    字符指针、字符数组
    python中创建dict对象
    中缀表达式转后缀表达式
    vue中keep-alive,include的缓存问题
    vue 冒号 :、@、# 是什么意思? v-bind v-on v-slot v-是指令
    vue 自定义指令 v-
  • 原文地址:https://www.cnblogs.com/pingming/p/4467495.html
Copyright © 2011-2022 走看看