HTML：如何插入編號1 2 3 ,,,,, K的一個按鈕插入數字

<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，----------------------------中插入數字。我該怎麼做

在此先感謝。

來源

2014-09-03 Karthika

你在哪裏要插入你的號碼？沒有id爲數字的元素。 – VPK 2014-09-03 09:47:43

我想用一個按鈕點擊文本框中插入數字 – Karthika 2014-09-03 09:48:53

這是你在尋找什麼http://jsfiddle.net/jgmo63ta/15/？ – 2014-09-03 09:55:26

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

改變你的JavaScript來

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

來源

2014-09-03 09:52:58

我可以用輸入的id來更新 – Karthika 2014-09-03 09:54:49

是的，我剛剛做了這個 – 2014-09-03 09:55:46

將'$（e）.val（i + 1）;'行更改爲'$（e）.val（$（e）.attr（ 'id'））;'獲取輸入id作爲新值。 [小提琴]（http://jsfiddle.net/jgmo63ta/17/）。 – 2014-09-03 09:58:05

試試這個

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

來源

2014-09-03 09:53:57 Amit

使用$.each()如下： -

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

這裏的工作小提琴http://jsfiddle.net/vikrant47/jgmo63ta/16/

來源

2014-09-03 09:54:05

爲了更安全地定位哪些輸入，您可以使用'jQuery'的'find'方法。見[fiddle]（http://jsfiddle.net/jgmo63ta/13/）。 – 2014-09-03 09:55:30

JSFiddle Demo

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

來源

2014-09-03 10:02:27

jsfiddle

的JavaScript

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

來源

2014-09-03 10:03:05 Hamix

如何插入編號1 2 3 ,,,,, K的一個按鈕插入數字

回答

JSFiddle Demo

相關問題