jquery控制"+","-"改变物品数量和钱数

来源:互联网 发布:strider军刀 淘宝 编辑:程序博客网 时间:2024/04/27 11:47

<!-- 选择购买数量 (单价100元) -->

$(function() {
  $("#a1").click(function(){
  var a3 = parseInt($("#a3").val());
    $("#a3").val(a3 + 1);
    var span = parseFloat($("#span").html());
$("#span").html(a3 * 100 + 100 + "元");
  });
  $("#a2").click(function(){
  var a3 = parseInt($("#a3").val());
    $("#a3").val(a3 - 1);
    if(a3 == 1){
      $("#a3").val(1);
    }
    var span = parseFloat($("#span").html());
$("#span").html(a3 * 100 - 100 + "元");
    if(span == 100){
    $("#span").html("100" + "元") ;
    }
  });
});

//HTML部分

 数量<input type="button" id="a1" value="+"/>
  <input type="text" id="a3"  readonly="readonly" value="1" style="width:35px;" />
  <input type="button" id="a2" value="-"/>个<br>
  <span>价格:<span id="span">100<span/>元<span/>