javascript - jquery 如何即时加减计算?
PHPz
PHPz 2017-04-11 11:18:44
[JavaScript讨论组]

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

例子:

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

学习是最好的投资!

全部回复(2)
PHP中文网

因为用的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>
PHP中文网

如果您能做到

加
<input type="text" value="0">
减

的加减,那么给

<input type="text" value="100">

input加一个id属性呗,更新上面input的同时获取下面的inputvalue更新并赋值。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号