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)
    {
         //如果此复选框已经选中,那就......
    }
}
时间: 2024-10-13 09:14:58

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

asp.net中Repeater中用ul li绑定数据

<ul class="tit1"> <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <li> <p class="tit1-p-1"> <img style="border: 0px;" src="/image/biaozhi.jpg" /> &

解决asp.net中repeater控件的显示数量控制

在使用oracle时,没有top这个属性,如果想限制查询数量,必须使用伪字段ROWNUM 可以看到这里第一列没有title的字段就是rownum字段,在oracle插入数据的时候自带的,无需人为添加. 我们如果想要实现控制查询数量,可以利用这个字段. 方案一: 我们可以写成 SELECT * FROM TA_新闻 WHERE ROWNUM <= 3 ORDER BY 发布时间 DESC 来控制显示三条记录. 但是,我们注意到这个ROWNUM是在插入数据时产生的,也就是说如果我们新插入一条发布时间

使用ASP.NET中的Chart.js在ASP.NETVisual数据中使用Chart.js的可视化数据

Download Chart.js你可以Chart.js从这封信中:https://github.com/chartjs/Chart.js/releases 使用VisualStudio创建新的ASP.NET项目并复制Chart.js在上一步中下载到root项目. 创建一个名为"Home.aspx"并添加如下代码行: 藏   复制码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehi

asp.net中gridview嵌套radiobutton时,选中时默认全是false,求解。。。

<script type="text/javascript"> //控制单选的js function setRadio() { var dom = document.all; var ele = event.srcElement; if (ele.tagName == "INPUT" && ele.type.toLowerCase() == "radio") { for (i = 0; i < dom.lengt

ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法

最近做网站用了一个js+css实现的带有二级菜单的导航条,在母版页创建好后,子页面调用出现了许多奇怪的问题,多方查证后的最终解决方案和大家分享下.... 1.路径问题 如果是一个单独的aspx页面调用此文件路径会是 1 <link type="text/css" rel="stylesheet" href="navigator/css/shou.css" /> 2 <script type="text/javascri

ASP.NET中gridview获取当前行的索引值

在用GridView控件时,我们经常会碰到获取当前行的索引,通过索引进行许多操作.例如,可以获得当前行某一个控件元素:设置某一元素的值等等.下面结合实例介绍几种获得GridView当前行索引值的方法. 实例: ① 目的:获取GridView中RowCommand的当前索引行. ② 前台页面:在GridView中添加一模版列,里面添加一个LinkButton控件. 代码: <asp:TemplateField HeaderText="操作"> <ItemTemplate

在 ASP.NET 中使用 jQuery.load() 方法

今天就让我们看看在 ASP.NET 中使用 jQuery.load() 方法来调用 ASP.NET 的方法,实现无刷新的加载数据. 使用 jQuery 的朋友应该知道可以使用 jQuery.load() 加载静态页面,并可指定要加载的区域,如在"test.html"中有如下内容: <div id="show"> <a href="http://www.jquery001.com/">jQuery001</a>

ASP.NET中使用jQuery插件实现图片幻灯效果

参照网上的资料及提供的jQuery插件实现图片幻灯效果. 1.页面前台代码: //头部引用 <head runat="server"><title></title><script type="text/javascript" src="scripts/jquery/jquery-1.10.2.min.js"></script><script type="text/java

js实现CheckBox全选全不选

CheckBox全选全不选的js方法 效果: 页面 :<table style="width: 2350px; table-layout: fixed;" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" class="data_table"> <tr class="scrollColThe