some javascript

 

<script language="javascript" type="text/javascript"> 
    function open_window()
    ...{
        window.open('<%=Url%>','_blank','toolbar=no,location=no,menubar=no,directories=no, resizable=no,status=no,width='+(screen.width-30)+',height='+(screen.height-100)+',left=10,top=10');
        resize();
    }
    //画面リサイズ
    function resize()
    ...{
        var windowWidth, windowHeight;
        if (self.innerHeight) 
        ...{  // all except Explorer
            windowWidth = self.innerWidth;
            windowHeight = self.innerHeight;
        } 
        else if (document.documentElement && document.documentElement.clientHeight)
            ...{ // Explorer 6 Strict Mode
                windowWidth = document.documentElement.clientWidth;
                windowHeight = document.documentElement.clientHeight;
            } 
            else if (document.body) 
                ...{ // other Explorers
                    windowWidth = document.body.clientWidth;
                    windowHeight = document.body.clientHeight;
                }
        
        if(windowHeight>=document.documentElement.scrollHeight)
        ...{
            if(windowHeight>190)
            ...{
                document.getElementById("tdMenu").style.height=windowHeight-190;
            }
        }
        else
        ...{
            document.getElementById("tdMenu").style.height=document.getElementById("tdContent").style.height;
        }
    }

　　//radiobutton選択の項目
    function itemCheck()
    ...{
        var ele = event.srcElement;
        if(ele.type=='radio')
        ...{
          document.all.<%=h_rblLevel.ClientID%>.value=ele.value;  
          //alert(document.all.<%=h_rblLevel.ClientID%>.value);
        }
    }
　　　//Dropdownlist選択項目を取得
    function selectChange_ddlSGMT()
    ...{
        var ele = event.srcElement;
        document.all.<%=h_ddlSGMT.ClientID%>.value=ele.options[ele.selectedIndex].value
        //alert(document.all.<%=h_ddlSGMT.ClientID%>.value);
    }


   //TreeViewのnodeを親nodeによって全部選択
   function OnTreeNodeChecked() 
    ...{ 
        var ele = event.srcElement; 
        if(ele.type=='checkbox') 
        ...{ 
            var childrenDivID = ele.id.replace('CheckBox','Nodes');
            var div = document.getElementById(childrenDivID); 
            if(div != null)
            ...{
                var checkBoxs = div.getElementsByTagName('INPUT'); 
                for(var i=0;i<checkBoxs.length;i++) 
                ...{ 
                    if(checkBoxs[i].type=='checkbox') 
                    checkBoxs[i].checked=ele.checked; 
                }
            }
            else
            ...{
                //var div = GetParentByTagName(ele,'DIV');
                //var checkBoxs = div.getElementsByTagName('INPUT'); 
                //var parentCheckBoxID = div.id.replace('Nodes','CheckBox');
                //var parentCheckBox = document.getElementById(parentCheckBoxID);
                //for(var i=0;i<checkBoxs.length;i++) 
                //{
                 //   if(checkBoxs[i].type=='checkbox' && checkBoxs[i].checked)
                //    {
                //        parentCheckBox.checked = true;
                //        return;
                //    }
               // }
               // parentCheckBox.checked = false;
            }
            
        } 
    }

    function GetParentByTagName(element, tagName) 
    ...{
        var parent = element.parentNode;
        var upperTagName = tagName.toUpperCase();
        while (parent && (parent.tagName.toUpperCase() != upperTagName)) 
        ...{
            parent = parent.parentNode ? parent.parentNode : parent.parentElement;
        }
        return parent;
    }
    
  //GridviewのCheckboxを全選択
   function selectAll(obj)
    ...{
        var theTable  = obj.parentElement.parentElement.parentElement;
        var i;
        var j = obj.parentElement.cellIndex;
        
        for(i=0;i<theTable.rows.length;i++)
        ...{
            var objCheckBox = theTable.rows[i].cells[j].firstChild;
            if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
        }
    }
</script> 

获得客户端的treeview已选择的node

<%...@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
    <title>無題</title>
    <script type="text/javascript">...
    function GetSelectedNodeValue()
    ...{
        var objTree=document.getElementById("TreeView1");
        if(objTree)
        ...{
            var objTreeNode=objTree.getElementsByTagName('INPUT');
            if(objTreeNode)
            ...{
                for( var  i=0;i<objTreeNode.length;i++)
                ...{
                    if(objTreeNode[i].type="checkbox")
                    ...{
                        if(objTreeNode[i].checked)
                        ...{
                            var s = objTreeNode[i].nextSibling.href
                            alert(s);
                            if(s.indexOf("/") == -1)
                            ...{        
                              s = s.substr(0,s.lastIndexOf("'"))
                              s  = s.substr(s.lastIndexOf("'")+2)
                            }
                            else
                            ...{
                             s = s.substr(s.lastIndexOf("/") + 1,s.lastIndexOf("'") - s.lastIndexOf("/") - 1)
                            }
                            alert(s);

                        }
                    }
                }
            }
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" ShowLines="True">
            <Nodes>
                <asp:TreeNode Text="TextA" Value="ValueA">
                    <asp:TreeNode Text="Textaa" Value="Valueaa">
                        <asp:TreeNode Text="Textaaa1" Value="Valueaaa1"></asp:TreeNode>
                        <asp:TreeNode Text="Textaaa2" Value="Valueaaa2"></asp:TreeNode>
                    </asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="TextB" Value="ValueB">
                    <asp:TreeNode Text="Textbb" Value="Valuebb"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="TextC" Value="ValueC"></asp:TreeNode>
            </Nodes>
        </asp:TreeView>
    
    </div>
        <input id="Button1" type="button" value="button" onclick="GetSelectedNodeValue()" />
    </form>
</body>
</html>

 

javascript 取checkboxlist之类的itme.value 方法。

给他添加个属性，然后再取span的值。。。。

        foreach (ListItem li in this.CheckBoxList1.Items)
        {
            li.Attributes.Add("CheckBoxValue", li.Value);
        }

<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Dropdownlist_Default" %>

<%...@ Register Src="CustomDDL.ascx" TagName="CustomDDL" TagPrefix="uc1" %>

<!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 runat="server">
    <title>無題のページ</title>
    
    <style type="text/css">...
#divCheckBox2
{...}{
position:absolute;
z-index:-1
}
</style>

<script type="text/javascript">...
function SetDiv()
...{
    var divcheckbox=document.getElementById('<%=divCheckBox2.ClientID%>');
    var textbox1=document.getElementById('<%=TextBox1.ClientID%>');
    if(divcheckbox.style.display=="")
    ...{
        divcheckbox.style.display="none";
    }
    else
    ...{
        divcheckbox.style.left=textbox1.style.left;
        divcheckbox.style.top=textbox1.style.top + textbox1.style.height;
        divcheckbox.style.display="";
        divcheckbox.style.zIndex="11";
    }
        getValueToText();
    //divcheckbox.style.height=100;
}
function getValueToText()
...{
    var divcheckbox=document.getElementById('<%=divCheckBox2.ClientID%>');
    var textbox1=document.getElementById('<%=TextBox1.ClientID%>');
    var obj1=divcheckbox.getElementsByTagName("input");

    for(var i=0;i<obj1.length;i++)
    ...{
        if(obj1[i].checked==true)
        ...{   
            var xx=obj1[i].parentElement.getElementsByTagName("span");
            alert(obj1[i].parentElement.CheckBoxValue);
        }
    }
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div style="left:0; top:0;">
        <div  id="div1" style="vertical-align: bottom; width: 201px; height: 20px; text-align: left">
            <asp:TextBox ID="TextBox1" runat="server" Height="20px" Width="168px"></asp:TextBox>
            <asp:Image ID="Image1" runat="server" Height="19px" ImageUrl="~/Dropdownlist/pic.GIF"
                onclick="SetDiv();" Width="7px" /></div>
        <br />
        &nbsp;<div id="divCheckBox2" runat="server" style="display: none; width: 0px; height: 0px; border-right: black thin solid; border-top: black thin solid; border-left: black thin solid; border-bottom: black thin solid; background-color: #00ccff;"
            visible="true">
            <asp:CheckBoxList ID="CheckBoxList1" runat="server" Height="0px" Width="0px">
            </asp:CheckBoxList></div>
        <asp:Label ID="Label1" runat="server" Text="are you ok?" Width="154px"></asp:Label>&nbsp;
    </div>
    </form>
</body>
</html>