在点击计算按钮后，似乎无法将名为 'unloadedtotal' 的文本框的最终结果强制显示为两位小数。我只知道 '.force(2)'，但无论我怎么尝试添加它都不起作用。

function calculateSum() {

  if (document.getElementById("unloadedcheck").checked) {
    document.getElementById("unloadedtotal").value = 
      (document.getElementById("unloadedrate").value) *
      (document.getElementById("unloadedmiles").value);
  } else  {
    document.getElementById("unloadedtotal").value = "0.00";
  }

}

<form>
  <table>
    <tr>
      <td>UNLOADED MILES</td>
      <td><input type="checkbox" id="unloadedcheck"></td>
      <td><input type="text" id="unloadedrate" style="text-align: right;" size="4" value="3.00"></td>
      <td><input type="text" id="unloadedmiles" style="text-align: right;" size="4"></td>
      <td><input type="text" id="unloadedtotal" style="text-align: right;" size="4"></td>
    </tr>
  </table>
</form>
<br>
<button onclick="calculateSum()">CALCULATE</button>

解决方案

首先，为函数定义添加结束花括号。然后，使用 Number#toFixed 在字符串表示中获取固定的小数位数。

function calculateSum() {
  if (document.getElementById("unloadedcheck").checked) {
    document.getElementById("unloadedtotal").value = (
      document.getElementById("unloadedrate").value * 
      document.getElementById("unloadedmiles").value
    ).toFixed(2);
  } else {
    document.getElementById("unloadedtotal").value = "0.00";
  }
}