jquery 仿购物车的加减数量

时间:2022-06-14 16:20:01
<p>单价:3.95</p>
<input id="min" name="" type="button" value="-" />
<input id="text_box" name="" type="text" value="4" />
<input id="add" name="" type="button" value="+" />
<p>总价:<label id="total"></label></p>
<script type="text/javascript">
var num=$("#text_box");
$(function(){
$("#add").click(function(){
num.val(parseInt(num.val())+1); //parseInt转来数值型
settotal();
});
$("#min").click(function(){
num.val(parseInt(num.val())-1);
settotal();
}); function settotal(){
$("#total").html((parseInt(num.val())*3.95).toFixed(2)); //toFixed 四舍五入保留两位小数位
} });
</script>