| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 880 人关注过本帖
标题:document.getElementById()中的ID问题
只看楼主 加入收藏
t765159796
Rank: 2
等 级:论坛游民
帖 子:50
专家分:70
注 册:2010-12-1
结帖率:76.47%
收藏
已结贴  问题点数:20 回复次数:3 
document.getElementById()中的ID问题
document.getElementById()中的ID可以是aspx中的服务器控件吗?
例如: document.getElementById("IMGS")
      <ASP:Images ID="IMGS" runat="server"/>
搜索更多相关主题的帖子: 服务器 
2011-04-11 12:02
海之舟
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:43
专家分:150
注 册:2011-1-8
收藏
得分:20 
当然可以,但是ASPX动态生成ClientID,也就是id值可能会变,这时就需要在ASPX页面中添加访问器,其实就是保存一个对象,这个对象的值就是指定控件的id,因此想获取某个控件的id就通过访问器获取。
2011-04-11 12:46
t765159796
Rank: 2
等 级:论坛游民
帖 子:50
专家分:70
注 册:2010-12-1
收藏
得分:0 
回复 2楼 海之舟
能说详细一点吗?或者直接用一个小例子说明,小弟感激不尽
2011-04-11 20:04
海之舟
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:43
专家分:150
注 册:2011-1-8
收藏
得分:0 
实现功能:
页面里有个TextBox 和一个CheckBoxList.  当TextBox用户扫描进一个字符串,会与CheckBoxList的ListItem的值比较,如果相等,就把相应的ListItem勾选上。
代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

<html xmlns="http://www.
<head runat="server">
    <title>无标题页</title>
<script type="text/javascript" language="javascript">

    function check() {
        var oCBList = document.getElementById("<%=cblTest.ClientID %>");
        var tds = oCBList.getElementsByTagName("td");
        var inputs = oCBList.getElementsByTagName("input");
        var oTextBox = document.getElementById("tbTest");
        for (var i = 0; i < tds.length; i++) {
            if (oTextBox.value == tds[i].childNodes[1].innerText) {
                inputs[i].checked = true;
            }
        }
    }
    function checkAll() {
        var oCBList = document.getElementById("<%=cblTest.ClientID %>");
        var inputs = oCBList.getElementsByTagName("input");
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].checked = true;
        }
    }
    function unCheckAll() {
        var oCBList = document.getElementById("<%=cblTest.ClientID %>");
        var inputs = oCBList.getElementsByTagName("input");
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].checked = false;
        }
    }
    </script>   
</head>
<body>
<form id="form1" runat="server">
    <div>
    <asp:TextBox ID="tbTest" runat="server"></asp:TextBox>  
    <input id="Button3" type="button" value="Check" onclick="check();"/><br />
   <br />
    <input id="Button1" type="button" value="Html_CheckAll" onclick="checkAll();" />  
   <asp:Button ID="Button2" runat="server" Text="Aspx_UnCheckAll" OnClientClick="unCheckAll();" />
    <br />
    </div>
    <asp:CheckBoxList ID="cblTest" runat="server" Width="158px" BackColor="#CCFFFF">
    <asp:ListItem>001</asp:ListItem>
    <asp:ListItem>002</asp:ListItem>
    <asp:ListItem>003</asp:ListItem>
    <asp:ListItem>004</asp:ListItem>
    <asp:ListItem>005</asp:ListItem>
    </asp:CheckBoxList>
    </form>
</body>
</html>
2011-04-13 19:27
快速回复:document.getElementById()中的ID问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025428 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved