react加减输入框_jquery实现文本框数量加减功能的例子分享

js数量加减

$(function(){

$("#quantity").keyup(function(){

if(isNaN($(this).val()) || parseInt($(this).val())<1){

$(this).val("1");

$("#totalPrice").html($("#price").val());

return;

}

var total = parseFloat($("#price").val())*parseInt($(this).val());

$("#totalPrice").html(total.toFixed(2));

})

})

/*商品数量+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){

//购买数量必须大于或等于1

alert("not lt 1");

}else{

$("#quantity").val(num_dec);

var total = parseFloat($("#price").val())*parseInt($("#quantity").val());

$("#totalPrice").html(total.toFixed(2));

}

}

Quantity: - +

Total Price: 28.10