asp.net在客户端进行计算和统计

Question

我想在asp.net在客户端进行计算和统计功能,不用通过服务器. 进行自动相加两个textbox的内容自动显示在第三个texbox 或label上.

Answer 1

在txt2.Atrributes.Add("onblur","sum()");
function sum() {
    var a= document.getElementById("txt1");
    var b= document.getElementById("txt2");
 
    var sum= parseFloat(a)+parseFloat(b)
    document.getElementById("txtsum").value = sum;
}

Answer 2

var a= document.getElementById("txt1").value; 
var b= document.getElementById("txt2").value; 
var sum= parseFloat(a)+parseFloat(b) 
document.getElementById("txtsum").value = sum; 看看JS编写的计算器

Answer 3

用js实现，但是你要关注label在客户端生成的是什么东西，具体说就是生成的是什么html标记，其实与其用label，不如用个div或者span更容易控制，然后让他运行在服务器端就是了。用js得到两个文本框的值，显示在要显示结果的元素上就OK了。

Answer 4

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button"  />
        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        
    </div>
</form>
protected void Page_Load(object sender, EventArgs e)
{
        ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "key", "function add(id1, id2, id3) { $get(id3).value = parseFloat($get(id1).value) + parseFloat($get(id2).value); return false; }", true);
        Button1.OnClientClick = string.Format("return add('{0}', '{1}', '{2}'); ", TextBox1.ClientID, TextBox2.ClientID, TextBox3.ClientID);
}

Answer 5

使用JavaScript脚本

  <h2 style="color: Fuchsia">
                    JavaScript计算文本框的值得和展示</h2>
                <hr />
                <asp:ScriptManager ID="ScriptManager1" runat ="server" EnablePartialRendering="true" ></asp:ScriptManager>
                <asp:UpdatePanel ID="UpdatePanel1" runat ="server" UpdateMode="Always" RenderMode ="Block" ChildrenAsTriggers="true" >
                <ContentTemplate >
                <label >数值一</label><input type="text" id="TextNumber1" style=" color :Fuchsia; font-family:@宋体; font-size:medium" />
                <label >数值二</label><input type="text" id="TextNumber2" style=" color :Fuchsia; font-family:@宋体; font-size:medium" />
                <input type ="button" value="求和" style=" color :Fuchsia; font-family:@宋体; font-size:medium" onclick=" AddTwoNumber()" />
                <label >结果</label><input type="text" id="TextResult" style=" color :Fuchsia; font-family:@宋体; font-size:medium" />
                </ContentTemplate>
                
                </asp:UpdatePanel>JavaScript脚本实现数值相加：
    <script type ="text/javascript" >
   function AddTwoNumber()
{
var NumberObj1=document.getElementById("TextNumber1").value;
var NumberObj2=document.getElementById("TextNumber2").value;document.getElementById("TextResult").value=Number(NumberObj1)+Number(NumberObj2);
}
    </script>

Answer 6

namhyuk的方法楼主不一定会用，用2楼的方法吧，对js要求也不是很高。

Answer 7

前台页面直接写JS脚本最方便，只是JS代码代码会暴露。namhyuk地方法比较安全一些。

Answer 8

客户端的东西 你第一反映因该是 javascript