首页 > 代码库 > 文本框数量加减功能
文本框数量加减功能
此功能相当于购物车加减功能:
<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); } }
效果
文本框数量加减功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。