Below is html it is working fine when multiply if i sum it then it just add value If i have value 400 2 then it display 4002Also i want division accordinglyltscript type34textjavascript34gt function multiply var txt1 documentgetElementById39lt txtWeightClientID gt39 var txt2 documentgetElementById39lt txtrateClientID gt39 var txt3 documentgetElementById39lt txtfrghtamtClientID gt39 v

Hi AkhterPlease use parseFloat for sum of TextBox values and refer below sample HTMLlttablegt lttrgt lttdgtWeightlttdgt lttdgtltaspTextBox ID34txtWeight34 AutoPostBack34true34 runat34server34gtltaspTextBoxgtlttdgt lttdgt Ratelttdgt lttdgtltaspTextBox ID34txtrate34 runat34server34 onkeyup34multiplythis34gtltaspTextBoxgtlttdgt lttdgt Freightlttdgt lttdgtltaspTextBox ID34txtfrghtamt34 runat34server34 onkeyup34multiplythis34gtltaspTextBoxgtlttdgt lttdgtampnbsp To Weightlttdgt lttdgtltaspTextBox ID34txtWeightto34 AutoPostBack34true34 runat34server34gtltaspTextBoxgtlttdgt lttdgtTotallttdgt lttdgtltaspTextBox ID34txtvalue34 runat34server34gtltaspTextBoxgtlttdgt

[Solved] JavaScript plus sign concatenates instead of Sum

akhter

SOLVED CLOSED ACTIVE ANSWERED
User: akhter
Posted: on Feb 22, 2022 11:00 PM
Forum: JavaScript
Answer: 1
Views: 3082

Below is html, it is working fine when multiply, if i sum it then it just add value (If i have value 400 +2) then it display 4002.

Also i want division accordingly.

<script type="text/javascript">
    function multiply() {
        var txt1 = document.getElementById('<%= txtWeight.ClientID %>');
        var txt2 = document.getElementById('<%= txtrate.ClientID %>');
        var txt3 = document.getElementById('<%= txtfrghtamt.ClientID %>');
        var txt4 = document.getElementById('<%= txtWeightto.ClientID %>');
        var result = (txt1.value * txt2.value) //Here changes!
        var rstTxtbox = document.getElementById('<%= txtvalue.ClientID %>');
        rstTxtbox.value = result; //And here!!
    }
</script>
<body>
    <form id="form1" runat="server">
        <div>
            Weight<asp:TextBox ID="txtWeight" AutoPostBack="true" runat="server"></asp:TextBox>
            &nbsp;* Rate                 
            <asp:TextBox ID="txtrate" runat="server" onkeyup="multiply(this)"></asp:TextBox>
            &nbsp;+ Freight
                    <asp:TextBox ID="txtfrghtamt" runat="server" onkeyup="multiply(this)"></asp:TextBox>
            &nbsp; /&nbsp; To Weight
            <asp:TextBox ID="txtWeightto" AutoPostBack="true" runat="server"></asp:TextBox>
            Total
            <asp:TextBox ID="txtvalue" runat="server"></asp:TextBox>
        </div>
    </form>
</body>

arjunv

0 2

Reply
ANSWER
User: arjunv
Replied: on Feb 23, 2022 12:03 AM
Modified: on Feb 23, 2022 12:09 AM
Report

Hi Akhter,

Please use parseFloat for sum of TextBox values and refer below sample.

HTML

<table>
    <tr>
        <td>Weight</td>
        <td><asp:TextBox ID="txtWeight" AutoPostBack="true" runat="server"></asp:TextBox></td>
        <td>* Rate</td>
        <td><asp:TextBox ID="txtrate" runat="server" onkeyup="multiply(this)"></asp:TextBox></td>
        <td>+ Freight</td>
        <td><asp:TextBox ID="txtfrghtamt" runat="server" onkeyup="multiply(this)"></asp:TextBox></td>
        <td>/&nbsp; To Weight</td>
        <td><asp:TextBox ID="txtWeightto" AutoPostBack="true" runat="server"></asp:TextBox></td>
        <td>Total</td>
        <td><asp:TextBox ID="txtvalue" runat="server"></asp:TextBox></td>
    </tr>
</table>

JavaScript

<script type="text/javascript">
    function multiply() {
        var txt1 = document.getElementById('<%= txtWeight.ClientID %>');
        var txt2 = document.getElementById('<%= txtrate.ClientID %>');
        var txt3 = document.getElementById('<%= txtfrghtamt.ClientID %>');
        var txt4 = document.getElementById('<%= txtWeightto.ClientID %>');
        var result = (parseFloat(txt1.value) + parseFloat(txt2.value)) 
        var rstTxtbox = document.getElementById('<%= txtvalue.ClientID %>');

        rstTxtbox.value = result;
    }
</script>

Screenshot

[Solved] JavaScript plus sign concatenates instead of Sum

Company

Explore

Follow us

Contact Us