Fatal编程技术网

Javascript 添加多个项目

javascript html

Javascript 添加多个项目,javascript,html,Javascript,Html,我想在多个框中输入价格，其中一个框默认为某个值。以下代码仅将值添加为字符串。我该怎么做 <html> <head> <title>Calculator</title> Package Price <input type="number" id="pkg"> </input><br> Equipment Package <input type="number" id="pep" value="1

我想在多个框中输入价格，其中一个框默认为某个值。以下代码仅将值添加为字符串。我该怎么做

<html>
<head>
<title>Calculator</title>


Package Price <input type="number" id="pkg">      </input><br>
Equipment Package <input type="number" id="pep" value="11.25"></input><br>
    <button onclick="test()">Submit</button>

  <p id="demo"></p>   

<font size="12"> Total </font><br>

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

{
var userInput = document.getElementById("pkg").value;
var userInput2 = document.getElementById("pep").value;
document.getElementById("demo").innerHTML = userInput + userInput2;
}

</script>


计算器
套餐价格

设备包

提交


总计

功能测试（）
{
var userInput=document.getElementById（“pkg”）.value；
var userInput2=document.getElementById（“pep”）.value；
document.getElementById（“demo”）.innerHTML=userInput+userInput2；
}
这会有用的

输入值为
字符串
。您需要通过
parseInt（）
或
parseFloat（）
：）转换它。为了扩展此功能，我添加了一些单选按钮…如何将所选单选按钮添加到总数中？我刚刚在小提琴中进行了更新，请查看

function test(){
    var userInput = (document.getElementById("pkg").value)*1;
    var userInput2 = (document.getElementById("pep").value)*1;    
    document.getElementById("demo").innerHTML = userInput + userInput2;
}