自动计算TextBox的值

时间:2013-10-23 06:36:36

标签: c# javascript asp.net

如果在输入textbox1和textbox2值时计算textbox1-textbox2,如何自动获取textbox3的值。

<asp:TextBox ID="txtbox1" runat="server"></asp:TextBox>//enter value as 100
<asp:TextBox ID="txtbox2" runat="server"></asp:TextBox>//enter value as 50, Once we enter 50 result should appear in textbox3

<asp:TextBox ID="txtbox3" runat="server"></asp:TextBox>//Once we enter 50 result should appear in textbox3

txtbox3.Text = (Convert.ToInt32(txtbox1.Text) - Convert.ToInt32(txtbox2.Text)).ToString();

3 个答案:

答案 0 :(得分:5)

您需要在txtbox1和txtbox2上使用事件“TextChanged”进行计算

答案 1 :(得分:1)

如果没有必要回调服务器端进行这个简单的操作。你可以试试这个:

在Text1和Text2上放置onchange事件处理程序客户端。

<asp:TextBox ID="txtbox1" runat="server" onchange='return calculateValueText3();'></asp:TextBox>

<asp:TextBox ID="txtbox2" runat="server" onchange='return calculateValueText3();'></asp:TextBox>

添加Javascript部分

<script>
function calculateValueText3 ()
{
//for example
document.getElementById('<%=txtbox3.ClientID%>').value = 
document.getElementById('<%=txtbox1.ClientID%>').value - document.getElementById('<%=txtbox2.ClientID%>').value
}
</script>

答案 2 :(得分:0)

<asp:TextBox ID="txt1" runat="server" onchange='return Calculate();'></asp:TextBox>

<asp:TextBox ID="txt2" runat="server" onchange='return Calculate();'></asp:TextBox>

如果您使用的是javascript ------

<script type="text/javascript">
function Calculate(){

document.getElementById('<%=txt3.ClientID%>').value = 
document.getElementById('<%=txt1.ClientID%>').value - document.getElementById('<%=txt2.ClientID%>').value;
}
</script>

现在如果你正在使用jquery ------

function Calculate(){
$("#<%=txt3.ClientID%>").val() = 
$("#<%=txt1.ClientID%>").val - $("#<%=txt2.ClientID%>").val();
}

请使用您的ID更改ID 这将有效