如何从文本字段中读取值并进行一些计算并将结果写回 JavaScript 中的另一个文本字段?

Question

这是我的JavaScript代码。我想通过乘以 sum1 * sum2 来获得结果，然后读取该结果并对其执行 1% 并将答案放在文本字段溢价中。

function suma(){
var sum1 = document.getElementById("sum1");
var sum2 = document.getElementById("sum2");
var input = document.getElementById("results");
results = (sum1.value * sum2.value);
input.value= results;
}
function percentage(){
var results = document.getElementById("results");
var input = document.getElementById("premium");
var premium1 = 0.01*results.value;
document.getElementById("premium").value=premium1;
}

这是我的 HTML 代码

<div class="col-sm-4 form-group">
<label class="text-primary"><strong><?php echo $PesoKg; ?>&nbsp;(<?php 
echo $_SESSION['ge_measure']; ?>)<strong></label>
<input type="number" class="form-control" required onblur="if(this.value 
== ''){this.value='0'}" onKeyUp="suma();"  id="sum2"   name="Weight" 
value="0" />
</div>
<div class="col-sm-4 form-group">
<label class="text-primary"><strong>Amt&nbsp;<?php echo $PrimerKilo; ? 
>&nbsp;<?php echo $_SESSION['ge_measure']; ?><strong></label>
<input type="text" class="form-control" onblur="if(this.value == '') 
{this.value='0'}"  onKeyUp="suma();" id="sum1"    name="variable" 
value="3.25" />
</div>
<div class="col-sm-4 form-group">
<label class="text-primary"><strong><?php echo $SubtotalEnvio; ?><strong> 
</i></label>
<input  type="text" class="form-control" name="shipping_subtotal" 
id="results" value="0" />
</div>
</div>
<div class="col-sm-6 form-group">
<label class="text-primary"><strong>Insurance 1%<strong></label>
<input type="number" class="form-control"  id="insurance" 
name="insurance" required onblur="if(this.value == ''){this.value='0'}" 
onKeyUp= "percentage();" name="variable" value="0.01" >
</div>
<div class="col-sm-6 form-group">
<label class="text-primary"><strong>Premium<strong></label>
<input type="number" class="form-control"  id="premium" name="premium" 
value="0" >
</div>

我如何获取结果的值并计算该结果的 1%，并将答案放在文本字段溢价中。任何帮助都非常感谢

Answer 1

这是从文本字段中读取值并进行一些计算并写回结果的方法。 你可以在这里找到很棒的javascript/jquery教程

function calculatePercentage(){
// getting the input value;
var value = $('#input').val();

// calculating 1% 
var percentage = value * 0.01;

//writing the result
$('#result').val(percentage);

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<form action="" >
<label> value: </label>
<input type='number' value='' id='input' name='input'/>
<button onclick='calculatePercentage()'>calculate 1%</button>
<br><br>
<label> Result: </label>
<input type='number' id='result' />
</form>
</div>