Question

我正在尝试在输入字段上使用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函数正在运行，但是没有执行计算。我会感谢任何建议。

Answer 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/

Answer 2

.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");
}

Jquery输入字段计算

2 个答案: