1

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

  1. 我可以使用<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>

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

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

PS 脚本可以在这里找到。

4

4 回答 4

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>

于 2011-02-28T16:43:26.190 回答
0 
<input type="checkbox" name="SITE_EM_4.99" value="1" onClick="CalculateTotal(this.form)">
于 2011-02-28T16:39:22.493 回答
0

而不是总的输入只是切换到一个跨度（或其他东西）与一个id（让我们说“总”），只是用innerHTML替换它

<script>
function CalculateTotal(frm) {
...
document.getElementById('total').innerHTML = round_decimals(order_total, 2);
...
}
</script>
于 2011-02-28T16:44:01.773 回答
-1 
<script>
document.write("Welcome to my world!!!");
</script>

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

于 2011-02-28T16:39:05.650 回答