Question

我有一个表单，其中包含一个服务时间字段，我们希望每次点击+按钮时都会增加.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>

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

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

Answer 1

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

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

将文本框值增加0.25

1 个答案: