將值附加到文本框動態

我有按鈕使用HTML a標記。我有一個按鈕，其值爲10。如果我點擊這個按鈕2次，該值被附加到第一個文本框中作爲2和第二個文本框作爲20（按鈕的值（10）*按鈕的點擊（2））將值附加到文本框動態

同樣如果我點擊3次，該值被附加到第一個文本框作爲3和第二文本框作爲30（按鈕（10的值）*沒有按鈕點擊的（3））

10 * 2 = 20 

10 * 3 = 30

上述場景爲追加值到文本框在運行時點擊按鈕。

來源

2015-09-17 Ohm

什麼是你的問題？ –

例如，10 * 2 = 20。現在10是按鈕值爲10，如果是這樣，現在「2」是按鈕點擊的次數，按鈕20的值是20，時間按鈕的按鈕的數量是「2」。所以2和20被動態地添加到文本框中。 – Ohm

我不知道你的HTML或JS是怎麼樣的，但我用jQuery做了一個小小的提琴https://jsfiddle.net/3coLdkfg/4/ – swidmann

對此一看：https://jsfiddle.net/0r0ewwhq/10/

<body> 
    <button id="addButton" value="10">Add</button> 
    <button id="delButton" value="10">Remove</button> 
    <br> 
    <input type="text" value="0" id="count" name="count"/> 
    <input type="text" value="0" id="value" name="value"/> 
</body> 


$("#addButton").on("click", function(e) { 
    $("#count").val(parseInt($("#count").val()) + 1); 
    $("#value").val(parseInt($("#count").val()) * parseInt($(this).val())); 
}); 

$("#delButton").on("click", function(e) { 
    if (parseInt($("#count").val()) > 0) 
    { 
     $("#count").val(parseInt($("#count").val()) - 1); 
    } 
    else 
    { 
     $("#count").val(0); 
    } 
    $("#value").val(parseInt($("#count").val()) * parseInt($(this).val())); 
});

來源

2015-09-17 15:53:07

將值附加到文本框動態

回答

相關問題