javascript - 单击按钮后在多个输入(类型=数字)内添加数字

标签 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>

最佳答案

这里有一个jsfiddle

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

关于javascript - 单击按钮后在多个输入(类型=数字)内添加数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39037624/

相关文章:

javascript - jquery 动态 ID

jquery - JSON 日期格式 mm/dd/yyyy

Jquery Plugin easySlider 1.7 - 如何在 easySlider 中创建交叉淡入淡出效果?

javascript - 可滑动到屏幕的 div

javascript - 在 html5 Canvas 中为自定义形状设置动画

javascript - 是否可以测试 scrollIntoView 浏览器兼容性?

javascript - Canvas 使用带 Angular 线性渐变背景集

javascript - Angular 模态未显示

jquery - 为什么我不需要时无法清除日期输入字段?使用jquery

html - 使轮播的高度与图像的高度相同,忽略图像的边距