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