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">

如何实现？？

javascript jquery

阅读 6.1k

2 个回答

夏小小

✓ 已被采纳

因为用的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>