生成CheckBox的JS全选/全不选的简单代码
2017-07-10 10:15:17 访问(1444) 赞(0) 踩(0)
-
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="eKingWGSS.Website.Management.WebForms.SlowXCore.ViewTableDetail.Default" ValidateRequest="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="<%=strPhyPath %>/css/blankadm.css?v=20170131" rel="stylesheet" media="all" />
</head>
<body>
<form id="form1" runat="server">
<table width="100%" cellpadding="0" cellspacing="5" border="0">
<tr>
<td>
<b>数据表字段查看</b>
</td>
</tr>
<tr>
<td>
<a href="<%=Request.RawUrl %>" class="DefaultHref">刷新</a>
字段名：<asp:TextBox ID="txt_DCName" runat="server"></asp:TextBox>
字段注释：<asp:TextBox ID="txt_DCComment" runat="server"></asp:TextBox>
<asp:Button ID="btn_OK" runat="server" Text="确定" OnClick="btn_OK_Click" />
</td>
</tr>
<tr>
<td>
<table class="DL">
<tbody>
<tr class="DL">
<th class="DL" style="width: 40px;">
<input type="checkbox" id="chk_ItemAll" onclick="JsOnChkItemAll();" />
</th>
<th class="DL" style="width: 40px;">序号</th>
<th class="DL">名称</th>
<th class="DL">注释</th>
<th class="DL">类型</th>
<th class="DL">业务逻辑</th>
<th class="DL">为空</th>
<th class="DL">关联对象</th>
</tr>
<asp:Repeater runat="server" ID="rp_List">
<ItemTemplate>
<tr class="DL">
<td align="center" class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:CheckBox ID="chk_Item" runat="server" />
</td>
<td align="center" class="<%#TdClassGet(Container.ItemIndex) %>"><%#Container.ItemIndex+1 %></td>
<td class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:Literal ID="lt_Name" runat="server"></asp:Literal>
</td>
<td class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:Literal ID="lt_Comment" runat="server"></asp:Literal>
</td>
<td class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:Literal ID="lt_emVarTypeValue" runat="server"></asp:Literal>
</td>
<td class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:Literal ID="lt_EmDataColumnModelV" runat="server"></asp:Literal>
</td>
<td class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:Literal ID="lt_AllowDBNull" runat="server"></asp:Literal>
</td>
<td class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:Literal ID="lt_LinkClassName" runat="server"></asp:Literal>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<asp:Literal runat="server" ID="lt_View"></asp:Literal>
</td>
</tr>
</table>
</form>
</body>
</html>
<script language="javascript" type="text/javascript">
function JsOnChkItemAll() {
var oThis = document.getElementById("chk_ItemAll");
var bFlag = false;
if (oThis.checked)
bFlag = true;
var eA = document.getElementsByTagName("input");
var iLen = eA.length;
var i = 0;
for (i = 0; i < iLen; ++i) {
if (eA[i] == oThis)
continue;
if (eA[i].id == null)
continue;
if (eA[i].id.indexOf("_chk_Item") == -1)
continue;
eA[i].checked = bFlag;
}
}
</script>
-
<!-- 生成总checkbox - chk_ItemAll -->
<th class="DL" style="width: 40px;">
<input type="checkbox" id="chk_ItemAll" onclick="JsOnChkItemAll();" />
</th>
<!-- 生成单个checkbox -->
<td align="center" class="<%#TdClassGet(Container.ItemIndex) %>">
<asp:CheckBox ID="chk_Item" runat="server" />
</td>
<!-- JS事件 -->
<script language="javascript" type="text/javascript">
function JsOnChkItemAll() {
var oThis = document.getElementById("chk_ItemAll");
var bFlag = false;
if (oThis.checked)
bFlag = true;
var eA = document.getElementsByTagName("input");
var iLen = eA.length;
var i = 0;
for (i = 0; i < iLen; ++i) {
if (eA[i] == oThis)
continue;
if (eA[i].id == null)
continue;
if (eA[i].id.indexOf("_chk_Item") == -1)
continue;
eA[i].checked = bFlag;
}
}
</script>
上一条：
下一条：
相关评论
发表评论