-2

我正在处理单选按钮我需要在一个按钮上填充六个文本框的值我在 js fiddle 中显示 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

根据您的评论，您需要将输入数字与100 此相乘： 

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

value_output在value_outpu1、2、3 等所有值中替换为 this ：

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

这是小提琴

根据您更新的问题：您没有调用该docalc()函数。试试这个：

<form method="POST" name="form1" onsubmit="return doCalc();">
于 2013-07-04T10:01:22.437 回答
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 回答