自动计算文本框的值

本文关键字：文本 计算 | 更新日期: 2023-09-27 18:36:33

当输入文本框1和文本框2值时，如何通过计算文本框1-文本框2来自动获取文本框3的值。

<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();

自动计算文本框的值

您需要

在 txtbox1 和 txtbox2 上使用事件 "TextChanged" 进行计算

如果 不需要回调服务器端进行此简单操作。 你可以试试这个：

在文本 1 和文本 2 上放置更改事件处理程序客户端。

<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>

<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();
}

请用您的身份证件更改身份证件这将起作用

相关文章：