Question

我有3个文本框（testbox，testbox2，testbox3），它们从输入字段，单选按钮选择和复选框/勾选中获取值。正确的值进入testbox，testbox2，testbox3。

但是，我需要总共testbox，testbox2，testbox3进入文本框'total' - 如果用户选择不同的单选按钮或勾选/取消等等，则需要更改总数。

还有一件事我需要总数也以表格形式显示，回声，（除了进入文本框 - 最终会被隐藏）。

谢谢。

 <head>
 <script type="text/javascript">
 function checkboxClick() {
 var textbox = document.forms[0].testbox3;
 textbox.value = (textbox.value == 0) ? '1.00' : '0.00';
 }
 </script> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 </head>
 <form action="" method="get">
 <input name="form1" type="radio" onclick="document.forms[0].testbox2.value='0.00'; "/>
 <input name="form1" type="radio" onclick="document.forms[0].testbox2.value='1.00'; "/>
 <input name="" type="checkbox" value="" onclick='checkboxClick()'/>
 <input name="testbox" type="text" value"2.00"/>
 <input name="testbox2" type="text" value"0.00"/>
 <input name="testbox3" type="text" value="0.00"/>

 <input name="total" type="text" value=""/>

 </form>
 <body>
 </body>
 </html>

Answer 1

如何编写函数来更新总数（并小心将文本框输入解析为浮点数）：

  function updateTotal() {
    var textbox1val = parseFloat(document.forms[0].testbox.value);
    var textbox2val = parseFloat(document.forms[0].testbox2.value);
    var textbox3val = parseFloat(document.forms[0].testbox3.value);
    var total = textbox1val + textbox2val + textbox3val;
    document.forms[0].total.value = total;
  }

然后在onchange属性中调用此函数？

添加并更改3个文本框的值

1 个答案: