-2

私はラジオ ボタンに取り組んでいます。1 回のボタン クリックで 6 つのテキスト ボックスの値を設定する必要があります。jsフィドルで mu の問題を表示します。ここにリンクがあります: http://jsfiddle.net/sKrhY/ラジオボタンをチェックするa b cと、ユーザーがボタンをクリックして値を入力できるテキストボックスが表示され、calculateこの値も表示されるはずです。

<script type="text/javascript">
function toggle(value)
{
if(value=='show')
 document.getElementById('mytext').style.visibility='visible';
else
 document.getElementById('mytext').style.visibility='hidden';
}
</script>
<script>
function doCalc(){
    var input_value = parseInt( document.getElementById("value_input").value );
    document.getElementById("value_output").value = 100 * input_value;
      document.getElementById("value_output1").value = 100 * input_value;
        document.getElementById("value_output2").value = 100 * input_value; 
         document.getElementById("value_output3").value = 100 * input_value;
          document.getElementById("value_output4").value = 100 * input_value;
            document.getElementById("value_output5").value = 100 * input_value;
              document.getElementById("value_output6").value = 100 * input_value;
    return false;
};

document.getElementById("calc_button").onclick = doCalc;
</script>

<form method="POST" name="form1">
 No of Units (kwh) Used :<input type="text" id="value_input" value="123"></input><br/>
 select your categaory
<input type="radio"  name="myradio" checked="checked" onclick="toggle('hide');" />domestic
<input type="radio" name="myradio" checked="checked" onclick="toggle('show');">a
<input type="radio"  name="myradio" checked="checked" onclick="toggle('show');">b
<input type="radio" name="myradio" checked="checked" onclick="toggle('show');">c
 connected loads(kwh)
<input type="text" name="mytext" id="mytext">
  Actual <input type="text" id="value_output"></input><br/>
  tax <input type="text" name="text2"  id="value_output1" />
Elec <input type="text" name="text3"  id="value_output2" />
Charges <input type="text" name="text4"  id="value_output3" />
Amount <input type="text" name="text5"  id="value_output4" />
Govt <input type="text" name="text6"  id="value_output5" />
result <input type="text" name="text7"  id="value_output6" />
    <input id="calc_button" type="submit" name="Calculate" value="Calculate"></input>
</form>
4

2 に答える 2

0

別のウィッシュリストの場合:ボタン
に値を設定しますradio

 <input type="radio" value="100"  name="myradio" checked="checked" onclick="toggle('hide');" />domestic
 <input type="radio" value="200" name="myradio" checked="checked" onclick="toggle('show');">a

これで値を取得でき、document.getElementByID('radio button id here')...数式は次のようになります。

var radio_button_value = document.getElementById('').value;
document.getElementById("value_output").value = radio_button_value * input_value;
于 2013-07-04T10:53:38.030 に答える
0

あなたのコメントによると、入力数に次の値を掛ける必要があります100 。 

document.getElementById("value_output").value = 100 + input_value;

value_outpu1,2,3 などのすべての値を次のvalue_outputように置き換えます。

document.getElementById("value_output").value = 100 * input_value;

ここにフィドルがあります

あなたの更新された質問によると:あなたはdocalc()関数を呼び出していません.これを試してください:

<form method="POST" name="form1" onsubmit="return doCalc();">
于 2013-07-04T10:01:22.437 に答える