Javascript 如何使用Jquery进行计算并以html格式输出?

Javascript 如何使用Jquery进行计算并以html格式输出?,javascript,jquery,html,onchange,Javascript,Jquery,Html,Onchange,我想使用javascript计算百分比 如果位置1和位置2中的选定值不相等,则计算结果应同时显示在flvalue和flvalues中 例如:如果值为1000,所选百分比为10,所选位置1和位置2的值相等,则flvalue应为1100 如果值为1000,所选百分比为10,所选位置1和位置2的值为notequal,则flvalue应为1100,flvalues应为1100 <script> $('#percent,#input,#place,#places').on('change in

我想使用javascript计算百分比


如果位置1和位置2中的选定值不相等,则计算结果应同时显示在flvalue和flvalues中

例如:如果值为1000,所选百分比为10,所选位置1和位置2的值相等,则flvalue应为1100

如果值为1000,所选百分比为10,所选位置1和位置2的值为notequal,则flvalue应为1100,flvalues应为1100

<script>
$('#percent,#input,#place,#places').on('change input', function() {
  var val = Number($('#input').val()) || 0,
    per = Number($('#percent').val()) || 0;

 if($('#place').val()!=$('#places')){
  $('#total').val(val + val * per / 100)
  $('#totals').val(val + val * per / 100)
})
</script>

Value    
<input type="text" name="gvalue" id="input" class="input" required/>Percentage
    <select name="percent" id="percent" class="input">
      <option value="Country" selected>Select Percentage</option>
      <option value="5">5</option>
      <option value="10">10</option>
      <option value="15">15</option>
    </select>

Place_1
<select name="place_1" id="place_1" class="input">
  <option value="Place" selected>Place</option>
  <option value="Place 1">Place 1</option>
  <option value="Place 2">Place 2</option>
  <option value="Place 3">Place 3</option>
</select>

Place_2
<select name="place_2" id="place_2" class="input">
  <option value="Place" selected>Place</option>
  <option value="Place 1">Place 1</option>
  <option value="Place 2">Place 2</option>
  <option value="Place 3">Place 3</option>
</select>

    Final Value
    <input type="text" name="flvalue" class="input" id="total" required/>
    <input type="text" name="flvalues" class="input" id="totals" required/>

$(“#百分比,#输入,#位置,#位置”)。on('change input',function(){
var val=Number($('#input').val())| 0,
per=数字($('#百分比').val())| 0;
if($('#place').val()!=$('#places')){
$('总计').val(val+val*per/100)
$('总计').val(val+val*per/100)
})
价值
百分比
选择百分比
5.
10
15
地点1
放置
地点1
地点2
地点3
地点2
放置
地点1
地点2
地点3
终值

您只需在所选位置值上添加条件:

if($('#place').val()=="10"){
   $('#totals').val(val + val * per / 100);
}else{
   $('#totals').val('');
}
要将更改事件也添加到
#位置
,请选择:

$('#percent,#input,#place').on('change input', function() {
希望这有帮助

$('#百分比,#输入,#位置')。在('change input',function()上{
var val=Number($('#input').val())| 0,
per=数字($('#百分比').val())| 0;
$('总计').val(val+val*per/100);
if($('#place').val()=“10”){
$('总计').val(val+val*per/100);
}否则{
$('总计').val('');
}
})

价值

百分比 选择百分比 5. 10 15
放置 放置 地点1 地点2 地点3

终值
试试这个

$('#百分比,#输入,#放置#2,#放置#1')。打开('change input',function(){
var val=Number($('#input').val())| 0,
per=数字($('#百分比').val())| 0;
var tot_am=val+val*per/100;
if($('#place_1').val()!=$('#place_2').val()){
美元("总计").val(总计);;
$('总计').val(总计);
}else if($('#place_1').val()==$('#place_2').val()){
$('总计').val()
$('总计').val('');
}
});

价值
百分比
选择百分比
5.
10
15
地点1
放置
地点1
地点2
地点3
地点2
放置
地点1
地点2
地点3
终值

如果未选择place value,它会显示在flvalue中吗?很抱歉,我刚刚错过了一个部分。如果未选择place value,它就不应该显示。我刚刚错过了一个部分检查我的答案现在的输出,我已经在js代码中进行了更改。现在请检查,伙计,我添加了另一个下拉列表以进行比较。确定,再次告诉我,你想要什么,如果e位置1和位置2中的选定值不相等,则计算结果应同时显示在flvalue和flvalue中。例如:如果值为1000,选定百分比为10,选定位置1和位置2的值相等,如“位置1”那么flvalue应该是1100。如果值是1000,所选百分比是10,所选位置1和位置2的值不相等(“第一个位置1”和第二个位置2”),那么flvalue应该是1100,flvalue应该是1100。谢谢Zakaria Acharkia