1

ユーザーが製品/機能の数量を入力できるJavascript計算機があり、数量に設定価格を掛けます。次に、結果が下のテキストボックスに表示されます。私の2つの質問は次のとおりです。

  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>

ただし、チェックボックス/ラジオボタンで同じことを行うことはできません。どうやってやるの？

2 : 合計がテキスト フィールドではなく実際のテキストとして表示されるようにスクリプトを変更できますか? ありがとう！

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>

2番目の質問ですが、とても簡単です。

結果を表示する場所に id を持つ空の div タグを配置します。t

次に、計算が終了したら、以下の 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

合計の入力の代わりに、id (「合計」としましょう) を持つスパン (または他の何か) に切り替えて、それを innerHTML に置き換えるだけです。

<script>
function CalculateTotal(frm) {
...
document.getElementById('total').innerHTML = round_decimals(order_total, 2);
...
}
</script>
于 2011-02-28T16:44:01.773 に答える
0 
<input type="checkbox" name="SITE_EM_4.99" value="1" onClick="CalculateTotal(this.form)">
于 2011-02-28T16:39:22.493 に答える
-1 
<script>
document.write("Welcome to my world!!!");
</script>

この関数を使用して、テキスト フィールドではなくドキュメント自体にテキストを印刷できます。

于 2011-02-28T16:39:05.650 に答える