javascript兑现复写

2012-12-16

javascript实现复写有10个文本框textbox，上面5个下面5个上面的一个文本框输入完后，同一列的下面的文本框，

javascript实现复写
有10个文本框textbox，
上面5个
下面5个
上面的一个文本框输入完后，
同一列的下面的文本框，显示相同的值。
同时累加这10个文本框的值，放到别的地方。
[最优解释]


<script language="javascript" type="text/javascript">
    //写正则验证输入的必须的int和double
        function changetText(n) {
            switch (n) {
                case 1:
                    document.getElementById("TextBox6").value = document.getElementById("TextBox1").value;
                    break;
                case 2:
                    document.getElementById("TextBox7").value = document.getElementById("TextBox2").value;
                    break;
                case 3:
                    document.getElementById("TextBox8").value = document.getElementById("TextBox3").value;
                    break;
                case 4:
                    document.getElementById("TextBox9").value = document.getElementById("TextBox4").value;
                    break;
                case 5:
                    document.getElementById("TextBox10").value = document.getElementById("TextBox5").value;
                    //   document.getElementById("Label1").value =10个值全加起来
                 
                    break;

            }

        }
            
    </script>

<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" onblur="changetText(1)"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox2" runat="server" onblur="changetText(2)"></asp:TextBox> 
 
        <br />
        <asp:TextBox ID="TextBox3" runat="server" onblur="changetText(3)"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox4" runat="server" onblur="changetText(4)"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox5" runat="server" onblur="changetText(5)"></asp:TextBox>
        <br />
        下面5个<br />
        <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox8" runat="server"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox9" runat="server"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox10" runat="server"></asp:TextBox>
        得到的值是<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </div>
    </form>
</body>

[其他解释]
<script type="text/javascript">
        function changgCopy(oshang,oxia)
        {
            document.getElementById(oxia).value = document.getElementById(oshang).value;
        }
    </script>
<asp:TextBox ID="TextBox1" runat="server" onchange="changgCopy('TextBox1','TextBox2')"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
[其他解释]


 function test()
        {
            $("input").blur(function () {
                var str = $(this).val();
                var text=  document.getElementsByName("text1");
                var query = 0;
              for (var i = 0; i < text.length; i++)
              {
                  text[i].value = str;
                  query = parseInt(text[i].value); 
 
              }
            })
            window.location.href = "default.aspx?num=" + query + "";
        }

[其他解释]
如果只计算值还得加上验证只能输入数字哈哈
剩下的计算自己弄吧。

[其他解释]
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
document.getElementById(oxia).value 出错了，没有对象。
服务器控件，不能直接用这个id吧。
[其他解释]
这个使用JS实现，标签失去焦点，激发事件，然后事件中，JS读取值，给值，计算等
[其他解释]


 <input name='TextBox1'type="text"/>
<input name='TextBox1'type="text"/>
<input name='TextBox1'type="text"/>
<input name='TextBox1'type="text"/>

[其他解释]

引用:

有10个文本框textbox，
上面5个
下面5个
上面的一个文本框输入完后，
同一列的下面的文本框，显示相同的值。
同时累加这10个文本框的值，放到别的地方。

[其他解释]

引用:

<script type="text/javascript">
        function changgCopy(oshang,oxia)
        {
            document.getElementById(oxia).value = document.getElementById(oshang).value;
        }
……

唉搞错了

热点排行

asp.net

javascript兑现复写