如何在javascript中添加三个数字和十进制 [英] How to adding three numbers and decimal in javascript

问题描述

如何在javascript中添加三个数字和十进制



我尝试了什么：

how to adding three numbers and decimal in javascript

What I have tried:

function onlyNumbers(evt) {
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode != 46 && charCode > 31
    && (charCode < 48 || charCode > 57))
        return false;

    return true;
}

function Add(){
  var a,b,c,d;
  a=parseInt(document.getElementById("txtFirstValue").value);
  if(isNaN(a) == true){
   a = 0;
  }
  var b=parseInt(document.getElementById("txtSecondValue").value);
  if(isNaN(b) == true){
   b = 0;
  }
  var c=parseInt(document.getElementById("txtThirdValue").value);
  if(isNaN(c) == true){
   c = 0;
  }
  var d=parseInt(document.getElementById("txtFourthValue").value);
  if(isNaN(d) == true){
   d = 0;
  }
  document.getElementById("txtTotal").value=a + b + c + d;
}

    </script>


<form id="form1"  runat="server">
         <br />
        <br />
        <br />
        <center>
                <table border="0" cellpadding="1" cellspacing="1" width="400px">
                    style="border-removed black 1px solid; border-removed black 1px solid; border-removed black 1px solid; border-removed black 1px solid">
                <tr>
                    <td align="center" colspan="2" style="background-color: #ff9966" class="style2">
                    Program to add multiple values using JavaScript</td>
                </tr>
                <tr>
                    <td align="center" colspan="2">
                          
                    </td>
                </tr>
                <tr>
                    <td style="width:200px" align="right">
                        First Value:  
                    </td>
                    <td align="left" class="style1">
                        <asp:TextBox ID="txtFirstValue" runat="server" onkeypress="return onlyNumbers(event);" onKeyUp="javascript:Add();" MaxLength="10" BackColor="#FFC0C0" BorderColor="White" Font-Size="Larger" ForeColor="Black" Width="148px"></td></tr>    
                <tr>
                    <td align="right" style="width: 200px">
                        Second Value:  </td>
                    <td align="left" class="style1">
                        <asp:TextBox ID="txtSecondValue" runat="server" onkeypress="return onlyNumbers(event);" onKeyUp="javascript:Add();" MaxLength="10" BackColor="#FFC0C0" BorderColor="White" Font-Size="Larger" ForeColor="Black" Width="148px"></td>
                </tr>
                <tr>
                    <td align="right" style="width: 200px">
                        Third Value:  </td>
                    <td align="left" class="style1">
                        <asp:TextBox ID="txtThirdValue" runat="server" onkeypress="return onlyNumbers(event);" onKeyUp="javascript:Add();" MaxLength="10" BackColor="#FFC0C0" BorderColor="White" Font-Size="Larger" ForeColor="Black" Width="148px"></td>
                </tr>
                <tr>
                    <td align="right" style="width: 200px">
                        Fourth Value:  </td>
                    <td align="left" class="style1">
                        <asp:TextBox ID="txtFourthValue" runat="server" onkeypress="return onlyNumbers(event);" onKeyUp="javascript:Add();" MaxLength="10" BackColor="#FFC0C0" BorderColor="White" Font-Size="Larger" ForeColor="Black" Width="148px"></td>
                </tr>
                    <tr>
                        <td align="right" colspan="2">
                               
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 200px">
                            Total =  
                        </td>
                        <td align="left" class="style1">
                            <asp:TextBox ID="txtTotal" runat="server" MaxLength="20" BackColor="#FFE0C0" Enabled="False" Font-Bold="True" Font-Size="X-Large" Width="149px"></td>
                    </tr>
                <tr>
                    <td align="right" colspan="2" id="TD2"  runat="server">
                            
                    
                </tr>
            </table>
            </center>
    </form>

推荐答案

您的代码适用于整数值，因为您使用的是 parseInt 如果你想使它适用于十进制数s 你将不得不使用 parseFloat（） [ ^ ]函数。



只需用 parseFloat替换所有 parseInt 在您的代码中，它应该可以工作。

Your code works fine for integer values since you are using parseInt if you want to make it work for decimal number s you will have to use parseFloat()[^] function.

just replace all the parseInt with parseFloat in your code, it should work.

a=parseInt(document.getElementById("txtFirstValue").value); 

a = parseFloat(document.getElementById("txtFirstValue").value);

similarly for all the textbox values

如果你想编写javaScript代码，你需要学习javaScript

JavaScript教程 [ ^ ]



复制粘贴只会让你到目前为止 - 如果你不明白你在做什么，不是很远。此外，如果有人依赖你，你真的不知道你在做什么，他们会受伤。



所以 - 如果你想要的话使用编程语言和程序，首先学习编程语言。

If you wish to write javaScript code you need to learn javaScript
JavaScript Tutorial[^]

Copy and paste will get you only so far - and if you don't understand what you're doing, not very far. Also, if anyone is depending upon you and you don't really know what you're doing, they're going to be hurt.

So - if you want to use a programming language and program, learn the programming language first.

这篇关于如何在javascript中添加三个数字和十进制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！