文本框自动计算

时间:2014-03-15 02:05:26

标签: c# javascript asp.net textbox

我有4个文本框1是autocompute

Texbox1 - Textbox2和答案将分为Textbox3我只知道如何减去2个文本框但我不知道如何使用3个文本框

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

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

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

<asp:TextBox ID="AutoCompute" runat="server" ></asp:TextBox>

JS

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

        document.getElementById('<%=AutoCompute.ClientID%>').value =
        document.getElementById('<%=Textbox1.ClientID%>').value - document.getElementById('<%=Textbox2.ClientID%>').value / document.getElementById('<%=Textbox3.ClientID%>').value;
    }
</script>

2 个答案:

答案 0 :(得分:2)

试试这个。它可能有用......

function Calculate() {
    var text1 = parseFloat(document.getElementById('Textbox1').value);
    var text2 = parseFloat(document.getElementById('Textbox2').value);
    var text3 = parseFloat(document.getElementById('Textbox3').value);

    if (!isNaN(text1) && !isNaN(text2) && !isNaN(text3)) {
        document.getElementById('AutoCompute').value = (text1 - text2) / text3;
    }
}

答案 1 :(得分:0)

如果我理解你想要的是什么,我想你忘了在Textbox1 - Textbox2周围添加括号。像这样。

<script type="text/javascript">
    function Calculate() {    
        document.getElementById('AutoCompute').value =
        (document.getElementById('Textbox1').value - document.getElementById('Textbox2').value) / document.getElementById('Textbox3').value;
    }
</script>