按钮单击后,在几个Input(Type = number)中添加数字

时间:2016-08-19 11:11:55

标签: javascript jquery html input

我在我的应用程序中添加了一个按钮,可以在点击后为input type='number'增加价值。一切正常,但数字从 0而不是1 开始。

点击数字从 1 开始后如何才能实现。

以下是代码和 Jsfiddle代码https://jsfiddle.net/gLs374h0/

 var arr_example = [1];
  $("#btn1").click(function(){
    $.each (arr_example, function() {
      $( ".order-number" ).each(function(value) {
        $( this ).val(value);
      });
    });
  });

<div id="sortable">
  <h1 id='btn1'>Sort</h1>
  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

</div>

1 个答案:

答案 0 :(得分:1)

这里有jsfiddle

 var arr_example = [1];
  $("#btn1").click(function(){
    $.each (arr_example, function() {
      $( ".order-number" ).each(function(value) {
        $( this ).val(value+1);
      });
    });
  });