如何在Java脚本函数中传递文本字段值？

我是新来的java脚本，我有三个文本字段与ID分别为文本1，文本2，文本3。我想输入其中2个值并在第三个中输出总和。如何在Java脚本函数中传递文本字段值？

我的代码看起来像这样，请告诉我，我做错了什么。它将它们添加为字符串而不是数字。

另外我想说，如果我在三个框中的任意两个中输入值。另一个调整自己。 EX：'__'+ 5 = 7 =>'2'+ 5 = 7
如果我将变量放在值属性中，它会起作用。如果那么那么如何？

<html> 
 

 
<head> 
 
    <script> 
 
    function myCalculator(a, b) { 
 
     c = a + b; 
 
     document.getElementById("text3").value = c; 
 
    } 
 
    </script> 
 
</head> 
 

 
<body> 
 

 
    <p> 
 
    <h1>Calculator</h1> 
 
    <input type="text" value="" id="text1"></input> + <input type="text" value="" id="text2"></input> = <input type="text" value="" id="text3"></input> 
 
    <input type="button" value="ADD" onclick='myCalculator(document.getElementById("text1").value,document.getElementById("text2").value)'></input> 
 
    </p> 
 

 
</body> 
 

 
</html>

来源

2017-04-17 mudit Panwar

你可能想看看[parseFloat（https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/parseFloat），根据您的要求。 – Xotic750

你需要调用myCalculator函数的两个参数parseInt(text)他们先转换为数字。

function myCalculator(a,b){ 
    a = parseInt(a, 10); // convert to integer first 
    b = parseInt(b, 10); 

    c=a+b; 
    document.getElementById("text3").value = c; 
}

parseInt功能的第二个参数是基数，其需要为10读取在十进制数字。 ES5默认为10。

来源

2017-04-17 18:05:56

使用[parseInt]（https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/parseInt） – Xotic750

时，指定'radix'总是明智的。谢谢，这工作。但parsInt（）和Number（）之间的概念区别是什么 –

'Number'是对象封装，请参阅（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number ），'parseInt'是从字符串中读取数字的本地函数。 –

使用Number（）将字符串转换为数字。文本input.value中的任何内容最初都是一个字符串。

function myCalculator(a, b) { 
    var c = Number(a) + Number(b); 
    document.getElementById("text3").value = c; 
}

来源

2017-04-17 18:07:27

取代您与文本块码，首先记得字符串添加前引号和第二格式的值传递ID为JavaScript。

<html> 
    <head> 
    <script> 
    function myCalculator(a,b){ 
    var c=parseInt(a)+parseInt(b); 
    document.getElementById('text3').value = c; 
    } 
    </script> 
    </head> 
    <body> 

    <p> 
    <h1>Calculator</h1> 
    <input type="text" value="" id="text1"></input> + <input type="text" value="" id="text2"></input> = <input type="text" value="" id="text3"></input> 
    <input type="button" value="ADD" onclick='myCalculator(document.getElementById("text1").value,document.getElementById("text2").value)'></input> 
    </p> 

    </body> 
    </html>

来源

2017-04-17 18:17:02

如何在Java脚本函数中传递文本字段值？

回答

相关问题