Question

我希望通过不断点击按钮来持续添加数字：

function burgersub(){
    if(document.getElementById("burg").value - 1 < 0)
    return;
    else
        document.getElementById("burg").value--;
}
function burgeradd(){
    document.getElementById("burg").value++;
}

现在这是我的按钮和表单的Html代码：

<p><button class="btn btn-default" onclick="burgeradd()">+</button><button class="btn btn-default" onclick="burgersub()">-</button></p>
<input readonly="yes" type="text" class="form-control" id="burg" placeholder="Amount">

Answer 1

假设（根据OP的评论）您想在项目数量之上添加固定金额：

var burgers = 0;
var cost = 1;
var counter = document.getElementById("burg");

function burgersub(){
    burgers = Math.max(0, --burgers);
    counter.value = burgers * cost;
}

function burgeradd(){
    burgers += 1;
    counter.value = burgers * cost;   
}

Answer 2

e.preventDefault();

添加了2个文本框来设置价格并查看数量和价格

Java脚本：连续添加和减去变量使用onclick按钮

2 个答案: