动态地将值附加到文本框中

时间:2015-09-17 14:34:07

标签: php jquery

我有一个使用HTML a标记的按钮。我有一个值为10的按钮。如果我单击此按钮2次,则该值将作为2附加到第一个文本框中,将第二个文本框作为20附加(按钮(10)的值*按钮单击按钮(2))

与单击3次相同,该值将作为3附加到第一个文本框中,将第二个文本框作为30附加(按钮(10)的值*按钮单击次数(3))

10 * 2 = 20

10 * 3 = 30

上面的场景是在运行时点击按钮,将值附加到文本框中。

1 个答案:

答案 0 :(得分: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()) );
});
相关问题