简单的点击加一减一效果jq实现

前端  /  管理员 发布于 7年前   1832

啥也不说 直接上代码

html：

数量：<a id="jian">- </a><input type="text" name="num" value="1" style="padding: 5px;width: 20px;"><a id="jia"> +</a>

jq:

<script type="text/javascript">

$(function(){

//加一

$("#jia").click(function(event) {

    var one = $('input[name="num"]').val();

    one++;

    $('input[name="num"]').val(one);

});

//减一 为一不变

$("#jian").click(function(event) {

    var one = $('input[name="num"]').val();

    if (one == 1) {

           one = 1;

        }else {

            one--;

        };

    $('input[name="num"]').val(one);

});

})

</script>