Fatal编程技术网
  • javascript/
  • Javascript 如何对一组字段中的字段求和

Javascript 如何对一组字段中的字段求和

javascript html

Javascript 如何对一组字段中的字段求和,javascript,html,Javascript,Html,我找不到允许我执行简单求和的命令： 在功率框中，我插入数据，代码响应为+3.7舍入。 我需要的计算示例 4千瓦 （4+3.7）=7.7我需要它在向下框中四舍五入8来响应 非常感谢大家 enter code here <fieldset> <legend><strong>[kW]? </strong></legend> <p> <input id="box1" type="text"

我找不到允许我执行简单求和的命令： 在功率框中，我插入数据，代码响应为+3.7舍入。 我需要的计算示例 4千瓦 （4+3.7）=7.7我需要它在向下框中四舍五入8来响应

非常感谢大家

enter code here
  <fieldset>          
  <legend><strong>[kW]?  </strong></legend>
  <p>
  <input id="box1" type="text" name="power" oninput="calculate();" value=" Kw" /><br />
 </p>
 </fieldset>         
 <fieldset>          
 <legend><strong>sum 3.7</strong></legend>
 <p>
  <input id="result" type="text" name="power sum" value=" Kw" /><br />
 </p>
 </fieldset>
  <script>
  function calculate() {
    var myBox1 = document.getElementById('box1').value; 
          var result = document.getElementById('result'); 
    var myResult = myBox1 +3.7;
      document.getElementById('result').value = myResult;

   }
    </script>

在此处输入代码
[kW]





总和3.7





函数计算（）{
var myBox1=document.getElementById（'box1'）.value；
var result=document.getElementById（'result'）；
var myResult=myBox1+3.7；
document.getElementById（'result'）。value=myResult；
}
每个输入没有
“Kw”
，它应该是数值。 因此，使用javascript，您可以通过以下方式求和：

console.log(
parseInt（document.getElementsByName（'power'）[0].value）+
parseInt（document.getElementsByName（'power sum'）[0].value）
);
您几乎已经成功了。您只需要将输入的文本值转换为一个数字，然后将其四舍五入

（我在输入中使用占位符从值中删除了“Kw”文本）

函数计算（）{
var myBox1=document.getElementById（'box1'）.value；
var result=document.getElementById（'result'）；
var myResult=Math.round（数字（myBox1）+3.7）；
document.getElementById（'result'）。value=myResult；
}

[kW]？





总和3.7
尝试使用
onChange（）


[kW]





总和3.7






函数和（值）{
console.log（值）；
数值=数学四舍五入（数值+3.7）；
document.getElementById（“打印”）.setAttribute（“值”，值）；
}
请将您试图解决问题的代码添加到您的问题中。好的，我这样做了，我输入了代码，但在sum3.7框中给出了不同的结果，如果我输入4，则应退出8（四舍五入）。您不觉得我的答案有用吗？ 
<!DOCTYPE html>
<html>
<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</head>
<body >
<fieldset>
  <legend><strong>[kW]? </strong></legend>
  <p><input type="text" name="power"  onChange="sum(this.value)" />
    <br />
  </p>
</fieldset>
<fieldset>
  <legend><strong>sum 3.7
    </strong></legend>
    <p>

   <input type="text" name="powersum" id="print" value='Change Text'>
    </p>
    <br />

</fieldset>
</body>
</html>

<script type="text/javascript">
    function sum(value){
        console.log(value);
        value = Math.round( value + 3.7);
         document.getElementById("print").setAttribute("value" ,value); 

    }

</script>