在 javascript 中提交 HTML 表单上的多个输入值

Multiple input value on an HTML form submit in javascript

本文关键字:输入 表单 javascript 提交 HTML      更新时间:2023-09-26

我希望该值乘以 2.50 并加上 1.95(值*2.50)+1.95。 有没有办法通过JavaScript做到这一点?

<form action="" id="formcalculate" method="post" name="formcalculate" >
    <p class="DistanceLable">Distance in miles:</p>
    <p style="position: relative; text-align: center; font-size: 11px">
        <input id="ratecalculator" style="text-align: right; width: 50px; font-weight: bold; font-size: 15px" type="text" value="0"/>
    </p>
    <p style="text-align: center; padding-top: 3px">
        <input id="btnTotal" class="art-button"  type="button" value="Calculate"/>
    </p>
    <p id="totalcalculator" class="totalcalculator" >&nbsp;</p>
</form>

修改以下两行:

<p class="DistanceLable">Distance in miles: <span id="result"></span></p>
<input id="btnTotal" class="art-button"  type="button" value="Calculate" onclick="document.getElementById('result').innerHTML = (2.50*parseFloat(document.getElementById('ratecalculator').value)+1.95).toFixed(2); " />