zoukankan      html  css  js  c++  java
  • Js实现Repeater全选/反选 功能 终极解决方案

    JavaScript代码:

    function  CheckAll(e,itemname){
        
    var aa=document.getElementsByName(itemname);
        
    if(aa==undefined) return;
        
    for (var i=0; i<aa.length; i++)aa[i].checked = e.checked;
    }

    在HeaderTemplate中或者在Repeater之外直接添加全选的一个CheckBox:

     <input name="chkall" value="1" type="checkbox" onclick="CheckAll(this,'Item')"/>
    在ItemTemplate中绑定的时候只需要给Input设置目前行的ID编号等即可: 
    <input name="Item" type="checkbox"/>
    测试,运行,搞定。
                                                                                                     
    如果需要获取到 哪些ItemTemplate的Checkbox选中的话,那么在ItemTemplate中
    <input name="Item" type="checkbox" value='<%#Eval("MessageID")%>'/>
    在后台CS代码中,获取Item的值的简单方法:
               foreach (var item in Request.Form["Item"].Split(new char[] { ',' }))
                {
                    Response.Write(item.ToString()
    +"<bR/>");
                }
    获取到Ids后,再执行什么操作就都方便了。此处不再多言了,还在忙项目……
  • 相关阅读:
    with admin option 和 with grant option 的区别 (转)
    压缩数据块
    建表时pctfree和pctused参数作用
    Oracle哪些错误会写进alert日志
    Oracle 差异、增量、零级备份
    模拟原生的promise
    react-loadable 实现组件按需加载
    react 中配置 http-proxy-middleware
    craco 配置 less.module
    ESLint: 'React' was used before it was defined.(no-use-before-define)
  • 原文地址:https://www.cnblogs.com/dupeng0811/p/1410611.html
Copyright © 2011-2022 走看看