Javascript:无法获取输入数字框的值

时间:2014-03-11 21:30:49

标签: javascript user-input

Hello allmighty internetz!

我是javascript的新手,我不能让脚本从输入框中获取数字,加上总和并写出来。

现在已经在Google上待了一个小时,所以我要求你们/女孩们寻求帮助!

http://jsfiddle.net/heWM2/5/

<form action="" id="brod">
    <p>Pris per kartong
        <input name="Prisperkartong" type="number" id="priskart" name="pris">
    </p>
    <p>Antal kartonger i leverans
        <input name="Kartongilev" type="number" id="kartilev">
    </p>
    <input type="button" onClick="calculateTotal()" value="Räkna">
    <div id="print"></div>
</form>

和Javascript:

function getPrisperkartong() {
var Prisperkartong = parseInt(document.brod.priskart.value, 10);
if (isNaN(Prisperkartong)) return;
document.bord.priskart.value = Prisperkartong;
}

function getKartongilev() {
var Kartongilev = parseInt(document.brod.kartilev.value, 10);
if (isNaN(Kartongilev)) return;
document.bord.kartilev.value = Kartongilev;
}
function calculateTotal() {
var total = getPrisperkartong() + getKartongilev();

var divobj = document.getElementById('print');
divobj.style.display = 'block';
divobj.innerHTML = "Pris $" + total;
}

1 个答案:

答案 0 :(得分:0)

如果您通过表单访问输入框,则需要使用name字段来标识表单和输入框。您的get函数也应该返回值,而不是将其分配回原始输入框。有关固定的工作示例,请参阅此更新的小提琴。

http://jsfiddle.net/heWM2/6/