如何在发布前减少数量[值]?

时间:2015-07-14 15:52:05

标签: javascript jquery html html5

我不确定但是如果用户在输入中键入数字,我想在发布之前减少隐藏的数字吗?例如,如果类型1然后输出0或类型2然后输出1

<input class="decrease" type="text" name="number" value="" />
<input class="output" type="hidden" name="number" value="//decrease number//" />

2 个答案:

答案 0 :(得分:1)

&#13;
&#13;
$(document).ready(function(){
    $('.decrease').on('keyup',function(){
        decrease();
    });
});

    function decrease(){
      number = $('.decrease').val();
      
      $('.output').val(number-1);
      if(number == ''){
          $('.output').val('');
      }
    }



    
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <form action="" method="post">
    <input class="decrease" type="text" name="number" />
    <input class="output" type="hidden" name="number" value="5" />
      <input type="button" value="Submit" />
      </form>
&#13;
&#13;
&#13;

enter image description here

答案 1 :(得分:1)

希望这个有所帮助。

$(document).ready(function(){
    $('.decrease').keyup(function(){
        if($('.decrease').val()!="")
        {
            $('.output').val($('.decrease').val()-1);
        }
        else
        {
            $('.output').val("");
        } 
    });
});

您必须确保用户仅输入数字。如果用户键入一个字符,隐藏输入的值将为NaN。

有关更多示例和信息,请参阅documentation