jquery实现文本框数量加减功能的例子分享

下面是使用jquery实现的代码。效果图

源码：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejs数量加减/title脚本类型=' text/JavaScript ' src=' http://www。JB 51。net/Public/js/jquery。量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $(' # quantity ')).keyup(function(){ if(ISnan)($(this)).val()) || parseInt($(this).val())1){$(this).val(' 1 ')；$('#totalPrice ').html($('#price ').val())；返回；}var total=parseFloat($('#price ').val())*parseInt($(this).val())；$('#totalPrice ').html(总计。to fixed(2))；})})/*商品数量1 */function NumMadd(){ var num _ add=Parseint($(' # quantity ')).val())1；if($(“# quantity”).val()==' '){ num _ add=1；} $(' #数量').val(num _ add)；var total=parseFloat($('#price ').val())* Parseint($(“# quantity”).val())；$('#totalPrice ').html(总计。to fixed(2))；}/*商品数量-1 */function NumDec(){ var num _ dec=Parseint($(' # quantity ')).val())-1；if(num_dec1){//购买数量必须大于或等于1alert(')不是lt 1’)；}else{$('#quantity ').val(num _ dec)；var total=parseFloat($('#price ').val())* Parseint($(“# quantity”).val())；$('#totalPrice ').html(总计。to fixed(2))；} }/script/headdypquantity : span onclick=' NumDec()'-/span输入类型=' text ' id=' quantity '/span onclick=' nummadd()'/span/p class=' sdsd '总价： span id='总价' 28.10/span/p输入类型='隐藏'值=' 28.1 ' id=' price '/！-单价- /body/html