jQuery实现金额录入

weixin_37700885 2017-04-10 02:58:14

请问，如何实现，比如当点击按钮1和2时。input里面出现12；点击确认时，如果input的值为空/input值大于200/input值小于10，则出现弹框HTML代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="chosemoney">
<p>请选择金额</p>
<input type="text" readonly="readonly" id="othermoney"/>

<div id="box">
<div id="buttons">
<button class="fun">1</button>
<button class="fun">2</button>
<button class="fun">3</button>
<button class="fun">4</button>
<button class="fun">5</button>
<button class="fun">6</button>
<button class="fun">7</button>
<button class="fun">8</button>
<button class="fun">9</button>
<button class="fun">0</button>
<button class="clears">AC</button>
</div>
</div>
<div class="yqueren">确认</div>

</div>
<div class="content">
<p>选择的金额为：<span></span></p>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

</body>
</html>

...全文

84 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

jio可 2017-04-10

打赏
举报

不要假发运算的就把这行改下。 txt.val(parseInt(v)+parseInt(k));改成不转换类型 txt.val(v+k);

jio可 2017-04-10

打赏
举报


$("button").on("click",function(){
  var txt = $("input"),
       k = $(this).text();
  
  if(k === "AC"){
     txt.val("");
  }else{
     v = txt.val();
     txt.val(parseInt(v)+parseInt(k));
  }
})

$(".yqueren").on("click",function(){
  var val = $("input").val();
  if(val === ""){
     alert("null");
  }else{
    if(parseInt(val) > 200){
      alert("大于200");
    }else if(parseInt(val) < 10){
      alert("小于10");
    }
  }
})