2015-09-17 86 views
0

我有按钮使用HTML a标记。我有一个按钮,其值为10。如果我点击这个按钮2次,该值被附加到第一个文本框中作为2和第二个文本框作为20(按钮的值(10)*按钮的点击(2))将值附加到文本框动态

同样如果我点击3次,该值被附加到第一个文本框作为3和第二文本框作为30(按钮(10的值)*没有按钮点击的(3))

10 * 2 = 20 

10 * 3 = 30 

上述场景为追加值到文本框在运行时点击按钮。

+1

什么是你的问题? –

+0

例如,10 * 2 = 20。现在10是按钮值为10,如果是这样,现在“2”是按钮点击的次数,按钮20的值是20,时间按钮的按钮的数量是“2”。所以2和20被动态地添加到文本框中。 – Ohm

+0

我不知道你的HTML或JS是怎么样的,但我用jQuery做了一个小小的提琴https://jsfiddle.net/3coLdkfg/4/ – swidmann

回答

0

对此一看: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())); 
});