javascript - 在不提交表单的情况下使用 JavaScript 计算

Question

我的表格上有几个按钮可以计算里程，另一个则更新成本。这些按预期工作，但他们也提交表单。

以下是字段：

 @Html.EditorFor(model => model.Miles, new { htmlAttributes = new { @class = "form-control", @id = "number" } })
     <button onclick="roundTrip()">Round Trip?</button>&nbsp;
     <button onclick="updatedPrice()">Update Price</button>

 @Html.EditorFor(model => model.Cost, new { htmlAttributes = new { @class = "form-control", @id = "price" } })

这是我的 JavaScript：

    function updatedPrice() {
        var price = $("#number").val() * @calcMiles;
        var calPrice = price.toFixed(2)
        $("#price").val(calPrice);
    }

    function roundTrip() {
        var calc = $("#number").val() * 2;
        $("#number").val(calc);
    }

也许我需要更换？不知道为什么当我单击其中任何一个时它会提交。

谢谢你的帮助！

标签： javascript