Question

我有一个Javascript计算器，用户可以在其中输入产品/功能的数量，并将数量乘以设定价格。然后，结果显示在下面的文本框中。我的两个问题是：

我可以使用<select>选项并为每个选项指定一个值，如下所示：

<select name="SITE_EM_4.99" onChange="CalculateTotal(this.form)"> <option value=""> - Select - </option> <option value="1">Yes</option> <option value="0">No</option> </select>

但是，它不会让我对复选框/单选按钮做同样的事情。我怎么能这样做？

两个：我可以更改脚本，使总数显示为实际文本，而不是文本字段吗？谢谢！

P.S。该脚本可以找到HERE。

Answer 1

您可以使用单选按钮

几乎完全相同

<input type="radio" name="group1" value="Milk" onClick="CalculateTotal(this.form)" > Milk<br>
<input type="radio" name="group1" value="Butter" onClick="CalculateTotal(this.form)" > Butter<br>

第二个问题，很容易做到。

将带有ID的空div标签放在要显示结果的位置。 Ť

然后在完成计算后，使用下面的javascript将值插入div标签中。

var output= document.getElementById("outputDiv")
output.innerText = {value of CalculateTotal()}

编辑：请求的示例

<script>
   function CalculateTotal(myForm)
   {
      //do your calculations here 
      //...
      //...
      var text = //put whatev here that will be the output
      var output= document.getElementById("outputDiv")
      output.innerText = text;
   }
</script>

<body>
   <input type="radio" name="group1" value="1" onClick="CalculateTotal(this.form)" > Yes<br>
   <input type="radio" name="group1" value="2" onClick="CalculateTotal(this.form)" > No<br>
   <div id="outputDiv"></div>

Answer 2

<input type="checkbox" name="SITE_EM_4.99" value="1" onClick="CalculateTotal(this.form)">

Answer 3

而不是总输入只是切换到带有id的跨度（或其他东西）（比如说“total”），而只是用innerHTML替换它

<script>
function CalculateTotal(frm) {
...
document.getElementById('total').innerHTML = round_decimals(order_total, 2);
...
}
</script>

Answer 4

<script>
document.write("Welcome to my world!!!");
</script>

此功能可用于在文档本身内而不是在文本字段中打印文本。

我可以在Javascript计算器中使用单选按钮/复选框代替文本框吗？

4 个答案: