javascript - jquery 如何即时加减计算？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - jquery 如何即时加减计算？

PHPz 2017-04-11 11:18:44

[JavaScript讨论组]

309

购物后台，管理员修改时候丕想一个一个修改，所以批量进行加减计算，

例子:

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

如何实现？？

PHPz

学习是最好的投资！

全部回复(2)

PHP中文网2017-04-11 11:20:44 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>