Jquery输入字段计算

时间:2014-12-14 20:56:11

标签: jquery

我正在尝试在输入字段上使用Jquery执行简单计算,但无法使其工作。

<label for="a"><input type="number" id="a" value="1" size="2" maxlength="1"></label>
<label for="b"><input type="number" id="b" value="1" size="2" maxlength="1"></label>

<div class="button">
<a name="qtybutton" onClick="calculation()">update</a>
</div>

<script>
function calculation() {
    variable = new XMLHttpRequest();

    var total = 0;
    var sqty = $('#a').val();
    var itemprice = $('#b').val();
    var total = sqty * itemprice;

    $('#total').val(total);
    alert("OK");
}
</script>

我得到警报&#34;好的&#34;所以至少我知道jquery函数正在运行,但是没有执行计算。我会感谢任何建议。

2 个答案:

答案 0 :(得分:1)

当您有一个名为total的元素:

时,它会起作用
<label for="a"><input type="number" id="a" value="1" size="2" maxlength="1"></label>
<label for="b"><input type="number" id="b" value="1" size="2" maxlength="1"></label>
<label for="total"><input type="number" id="total"  size="2"></label>

<div class="button">
<a name="qtybutton" onClick="calculation()">update</a>
</div>

检查:http://jsfiddle.net/chc2v5qe/

答案 1 :(得分:1)

.val()函数通常与输入相关联,而.html()函数将文本放在元素中。试试这个:

function calculation() {
    variable = new XMLHttpRequest();

    var total = 0;
    var sqty = $('#a').val();
    var itemprice = $('#b').val();
    var total = sqty * itemprice;

    $('#total').html(total);
    alert("OK");
}