【六祎-HTML&CSS&JS】购物车的加减按钮操作

 

加减操作

<script type="text/javascript">
     //加数量
    function addNum(btn) {  //表示当前的按钮对象
        //得到按钮前面的兄弟元素
        var txtElement = btn.previousElementSibling;
        //得到它的值
        var num = txtElement.value;
        //将num+1,再放到value中,默认是字符串,转成整数
        txtElement.value = parseInt(txtElement.value) + 1;
    }

    //减1
    function subNum(btn) {
        //得到按钮后面的兄弟元素
        var txtElement = btn.nextElementSibling;
        //得到它的值
        var num = txtElement.value;
        //将num+1,再放到value中,默认是字符串,转成整数
        txtElement.value = parseInt(txtElement.value) - 1;
    }
</script>

 

posted @ 2022-04-26 00:54  你好,Alf  阅读(320)  评论(0编辑  收藏  举报