JSFiddle Demo

Question

HTML：

<html>
  <head></head>
  <body>
  <table>
    <tr>
      <td><input type="text"  value="0" id="number"/></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
    </tr>
  </table>
  <input type="button" id="increment" value="Increment"/>
 </body>
</html>

使用Javascript：

<script>
  $(document).ready(function(){
    $("#increment").click(function(){
      var $n = $("#number");
      $n.val( Number($n.val())+1 ); // Have to type the .val() response to a number instead of a string.
    });
  });
</script>

小提琴：

http://jsfiddle.net/tejdeep/jgmo63ta/5/

我希望在1,2,3,4,5,6，----------------------------中插入一个数字点击按钮。我可以这样做吗

提前致谢。

Answer 1

试试这个

var currentNumber=1;
$("#increment").click(function(){
    var control=$('input[type="text"]');
    $.each(control,function(index){
        $(this).val(currentNumber);
        currentNumber++;
    });
});

Answer 2

使用$.each()，如下所示： -

function insert_numbers(){
    $("input:text").each(function(index){$(this).val(index+1)})
}

这是工作小提琴http://jsfiddle.net/vikrant47/jgmo63ta/16/

Answer 3

我已经更新了小提琴，你可以看看fiddle

将您的javascript更改为

$("#increment").click(function() {
  $("input").each(function(i, e) {
    $(e).val(i+1);
  })
})

Answer 4

JSFiddle Demo

$("button").click(function(){
    var number = 1;
    $('input[type=text]').each(function(){
        $(this).val(number);
        number++;
    });
});

Answer 5

jsfiddle

<强>的javascript

$(document).ready(function(){
    $("#increment").click(function(){
        var n =parseFloat($("#number").val());
        $("input[type=text]").each(function(){
            $(this).val(n++);        
        });
    }); 
});

如何插入数字1 2 3 ,,,,, K用一个按钮插入数字

5 个答案:

JSFiddle Demo