zoukankan      html  css  js  c++  java
  • JS自制复选框与asp.net交互

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        
    <style type="text/css">
    .test{ float: left; height: 30px; width: 100px; line-height: 30px; margin: 30px; border: 1px solid #CCC; }
    .test2{ float: left; height: 30px; width: 100px; line-height: 30px; margin: 30px; border: 1px solid #CCC; background-color: #CCC; }
    .test a{ display: block; }
    </style>
    
    </head>
    <body>
        <form id="form1" runat="server">
        
        <div name="docname" class="test" id="a0" onClick="settt('a0')">我在A1处 </div>
    <div name="docname" class="test" id="a1" onClick="settt('a1')">我在A2处 </div>
    <div name="docname" class="test" id="a2" onClick="settt('a2')">我在A3处 </div>
    <div name="docname" class="test" id="a3" onClick="settt('a3')">我在A4处 </div>
    <div name="docname" class="test2" id="a4" onClick="settt('a4')">我在A5处 </div>
    <div name="docname" class="test" id="a5" onClick="settt('a5')">我在A6处</div>
    <div class="test" >获取图片</div>
        
    <script type="text/javascript">
    function settt(obj)
    {
        //alert(document.getElementById(obj).className);
        if(document.getElementById(obj).className == "test2")
         {  document.getElementById(obj).className = "test"; }
        else
         { document.getElementById(obj).className = "test2";}
    }
    //alert(document.getElementsByName("docname")[1].innerText);
    //alert(document.getElementsByName("docname")[1].innerHTML);
    //alert(document.getElementById("a1").innerText );
    //alert(document.getElementsByName("docname").length)
    function getpic()
    {
        len = document.getElementsByName("docname").length
        var arr = new Array();
        var test="";
        var add="";
          for(i=0;i<len;i++){
              if(document.getElementById("a"+i).className == "test2")
              {
                test += document.getElementsByName("docname")[i].innerHTML;
              }
              
          }
          
          if(test == "")
          { alert("为空哦"); }
          else
          { 
          document.getElementById("TextBox1").value = test;
          alert(test); }
    }
    
    </script>
    
            <p>
            <asp:TextBox ID="TextBox1" runat="server" Font-Size="26pt"></asp:TextBox></br>
    
            <asp:Button ID="Button1" runat="server" Height="49px" OnClientClick="getpic()" onclick="Button1_Click"  Text="Button" Width="135px" />
        </p>
        </form>
        
    </body>
    </html>
    public partial class jsdom : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
    
            }
    
            protected void Button1_Click(object sender, EventArgs e)
            {
                Response.Write(TextBox1.Text.ToString());
            }
        }
  • 相关阅读:
    动态表单实现客户端二次过滤及字段汇总统计
    开放一些常见功能的工具类代码
    动态表单
    客户中增加按钮提前判断是否撞单 并提示
    通过插件来对打印数据进行处理
    mac 升级10.12 php debug 环境 跑不起的解决 解决方案
    感觉世界变化太快...
    Mac 升级一次,php 就崩溃一次,有味,苹果....
    http://s22.app1105796624.qqopenapp.com/
    unity 2d 游戏优化之路 遇坑记录
  • 原文地址:https://www.cnblogs.com/chixiaojin/p/2976893.html
Copyright © 2011-2022 走看看