Question

我正在为小部件编写一个简单的在线订单表单，该表单应该是3个小部件的顺序，将它们加在一起并给出总数和成本。但是，当单击该按钮进入该功能时，没有任何反应。我不确定错误是将数据导入函数还是将其从函数中取出。

＆＃13;

function cal() {
  var wid1 = document.getElementById("widg1").value;
  var wid2 = document.getElementById("widg2").value;
  var wid3 = document.getElementById("widg3").value;
  var tot = (wid1 + wid2 + wid3);
  var dollars = ((wid1 * 12.45) + (wid2 * 15.34) + (wid3 * 28.99));
  document.getElementByName("total").value = tot;
  document.getElementByName("money").value = dollars;
}

＆＃13;

<form name="widgets">
  widget model 37AX-L:<br>
  <input type="text" id="widg1" name="37AX-L" value=0><br> widget model 42XR-J:<br>
  <input type="text" id="widg2" name="42XR-J" value=0><br> widget model 93ZZ-A:<br>
  <input type="text" id="widg3" name="93ZZ-A" value=0><br>
  <br>
  <input type="button" name="B1" value="Calculate" onclick="cal()"><br>
</form>
<input type="text" name="total" id="total"> total widgets <br>
<input type="text" name="money" id="money"> total dollars

＆＃13;

Answer 1

您在Elements中省略了s。

SimpleTriangle不是document.getElementsByName("total")[0].value=tot

＆＃13;

document.getElementByName("total")

＆＃13;

JavaScript函数未接受/设置表单数据

1 个答案: