2013-07-04 37 views
-2

我在单选按钮上工作我需要在一个按钮上填充六个文本框的值单击我在js小提琴中显示mu问题这里是链接:http://jsfiddle.net/sKrhY/ Kindly help我在这个.one的东西,我想提一下,在检查单选按钮abc一个文本框出现在哪个用户可以输入值,点击calculate按钮这个值也应该显示.plz帮我在这 这里是我的代码:如何在一个按钮上填充多个文本框点击php

<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> 
+0

填入其中??点击计算它正在工作 –

+0

详细说明。我无法理解与价值观您的问题 – Kris

+0

填入文本框一样,如果用户在使用,然后在单击按钮计算所有六个文本框是实际导致被填充300 – ashy1234

回答

0

根据您的评论,您需要将输入数字乘以100 对于这个:

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

value_output像value_outpu1,2,3所有值与此替换,等等:

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

这里是Fiddle

根据更新后的问题: 你是不是调用docalc() function.Try这样的:

<form method="POST" name="form1" onsubmit="return doCalc();"> 
+0

先生,当我在我的网页它不是在做这个代码复制,但是,拨弄它的工作我做什么:( – ashy1234

+0

不工作?你能如果现场提供的链接,或者尝试找到在控制台中的错误 –

+0

它没有工作,当我复制此代码 – ashy1234

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; 
+0

在这里我把这个代码我不明白这个Java脚本的位置 – ashy1234

+0

PLZ帮我在这 – ashy1234

+0

就像你做了所有的Java脚本同样的事情可以这一来发生过读我的回答ADN告诉我,你所面对 –

相关问题