码迷,mamicode.com
首页 > 其他好文 > 详细

文本框数量加减功能

时间:2017-06-22 14:20:55      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:data-   click   nbsp   png   log   button   value   tofixed   type   

 

此功能相当于购物车加减功能:

<p class="_stepper">
  <input class="stepper_input" data-bind="value:orderInfo.PrintNumber,event:{ change: GetPrintNumber}"  type="number" id="printNumber" value="1"/>
  <input type="button" class="up"  data-bind="click:numAdd" value="加" />
  <input type="button" class="down"  data-bind="click:numDec" value="减" />
</p>
//stepper
    //+1
    function numAdd() {
        var num_add = parseInt($("#quantity").val()) + 1;
        if ($("#quantity").val() == "") {
            num_add = 1;
        }
        $("#quantity").val(num_add);
        var total = parseFloat($("#price").val()) * parseInt($("#quantity").val());
        $("#totalPrice").html(total.toFixed(2));
    }
    //-1
    function numDec() {
        var num_dec = parseInt($("#quantity").val()) - 1;
        if (num_dec < 1) {
            alert("不能小于1");
        } else {
            $("#quantity").val(num_dec);

        }
    }

效果

技术分享

文本框数量加减功能

标签:data-   click   nbsp   png   log   button   value   tofixed   type   

原文地址:http://www.cnblogs.com/sun927/p/7064643.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!