盒子里的值随input输入值变化而变化

2019独角兽企业重金招聘Python工程师标准>>>

 html

   <div class="amount">0</div>
    <input οnkeyup="value=value.replace(/[^\d{1}\d{1}|\d{1}]/g,'')"  name="card_money" value="0"  οnfοcus="javascript:if(this.value=='0')this.value='';"  maxlength="4" />

js

      <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

      <script>

        $(document).on('keyup','input[name=card_money]',function () {
      var num = Math.ceil($(this).val(), 1000);  // 规定输入数字范围
      if(num>1000) {     
        $(this).val(1000);     // 如果输入的值大于1000,则输入框显示1000
        $(".amount").html(100000)
      }else{
        $(".amount").html(Math.ceil(num*100))
      }
    })
      </script>

 maxlength="4"     // 限制输入字节的长度

 

转载于:https://my.oschina.net/bangxia/blog/711726