javascript - 将文本框值增加 0.25

我有一个表单，其中有一个服务时间字段，我们希望每次单击 + 按钮时该字段都会增加 0.25。

我有以下代码:

<script language=javascript>
    $(document).ready(function(){
    $("#up").on('click',function(){
        $("#incdec input").val(parseFloat($("#incdec input").val())+0.25);
    });

    $("#down").on('click',function(){
        $("#incdec input").val(parseFloat($("#incdec input").val())-0.25);
    });
});
</script>

和 HTML 部分:

<div class="form-group" id="incdec">
    <label for="Time" class="col-sm-2 control-label">Time:</label>
    <div class="col-sm-10"><input name="Time" value="<%=rs.Fields.Item("Time")%>"></div>
    <button id="up">+</button>
    <button id="down">-</button>
</div>

这工作得很好，但是单击 + 或 - 后，它会增加/减少，但也会提交其所在的表单。我希望能够增加/减少文本字段中的内容，然后使用另一个按钮提交表单。

我知道我在这里错过了一些愚蠢的东西!

最佳答案

按钮的type属性默认为“submit”。您需要添加 type="button" 以防止发生提交。

参见https://www.w3.org/TR/html5/forms.html#attr-button-type

关于javascript - 将文本框值增加 0.25，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37665117/