$(".increment").click(function () { var t = $(this).parent().find('input[class*=itxt]'); t.val(parseInt(t.val())+1); getTotalPrice(); }) $(".decrement").click(function () { var t = $(this).parent().find('input[class*=itxt]'); t.val(parseInt(t.val())-1); if(parseInt(t.val())<=0){ t.val(1); } getTotalPrice(); }) $(".itxt").blur(function () { var t = $(this).val(); if(t<1){ alert('商品数量不能小于0'); } getTotalPrice(); })
function getTotalPrice() { $("#tab tr").each(function () { var s = parseInt($(this).find('input[class*=itxt]').val())*parseFloat($(this).find('span[class*=one_price]').text()); $(this).find('span[class*=total_price]').html(s); }) } 限制输入非数字的字符
oninput="this.value=this.value.replace(/\D/g,'')"
商品数量控制与总价计算
本文介绍了一种使用JavaScript实现的商品数量增减控制方法及总价动态更新的功能。通过监听按钮点击事件来增加或减少商品数量,并确保数量不会小于1。同时,文章还展示了如何在文本框失去焦点时进行非数字字符的过滤以及总价的实时计算。
5457

被折叠的 条评论
为什么被折叠?



