javascript - jquery 如何即时加减计算？
本文介绍了javascript - jquery 如何即时加减计算？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
购物后台，管理员修改时候丕想一个一个修改，所以批量进行加减计算，
例子:
加
<input type="text" value="0">
减点击计算器加 value 是1， 点击计算器减 value 是-1
那么另一个购物金额input 值是100，
要是按加1 下面100值变101，要是按减-1 下面100变成99
计算器：
加
<input type="text" value="0">
减
购物金额：
<input type="text" value="100">如何实现？？
解决方案
因为用的js里的获取兄弟结点的方法，所以加减两个函数可以重复使用
<script type="text/javascript">
function testAdd(){
var aa=document.getElementById("aa");
var bb=document.getElementById("bb");
a=parseInt(aa.value);
b=parseInt(bb.value);
b=b+a;
bb.value=b;
bb.innerHTML=bb.value;
}
function testSub(){
var aa=document.getElementById("aa");
var bb=document.getElementById("bb");
a=parseInt(aa.value);
b=parseInt(bb.value);
b=b-a;
bb.value=b;
bb.innerHTML=bb.value;
}
</script>
<body>
<input type="button" name="add" value="add" onclick="testAdd()">
<input type="text" id="aa">
<input type="button" name="sub" value="sub" onclick="testSub()">
<br/>
购物车
<input type="text" value="100" id="bb">
</body>
这篇关于javascript - jquery 如何即时加减计算？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
