购物车数量加减器

<span class="stock-widget">
    <input data-max="999" id="quantity" name="number" value="1" title="请输入购买量" type="text">
    <span class="stock-num-btn">
        <span id="add" > + </span>
        <span id="min" > - </span>
    </span>
    <span>件</span>
</span>

<script>

//数量加减器
$(function(){
    var t = $("#quantity");
    if(!t.val()){t.val(1);}
    $("#add").click(function(){
        t.val(parseInt(t.val())+1);
        $("#min").removeAttr("disabled");
    })
    $("#min").click(function(){
        if (parseInt(t.val())>1) {
            t.val(parseInt(t.val())-1);
        }else{
            $("#min").attr("disabled","disabled");
        }
    })
})
</script>

这个加减器有个问题：在数量为空（不是0，是空）时点击“+”，会出现NAN状态，我偷懒的选择在表单提交时给个判断：

//表单提交

<script>

$("input[name=submit]").click(function(){
    var fa      = $("input[name=gid]:checked").val();
    var num     = $("input[id=quantity]").val();
    var nreg    = /^[0-9]*[1-9][0-9]*$/;
    if(!fa){var pld = '请选择方案！';}
    else if(!num || !nreg.test(num)){var pld = '数量填写错误！';}//这里使用了layer，测试时可以用alert
    else{}
    if(pld){layer.msg(pld); return false; }
});

</script>

　

转载于:https://www.cnblogs.com/yangling520/p/6097924.html