将值的百分比添加到结果中

add percentage of value to a result

本文关键字：结果 添加 百分比      更新时间：2023-09-26

我想从输入的字段中计算百分比。第一个字段将有一个静态值。在第二个字段中，用户应输入一个百分比值，此代码应获得第一个值（静态）。根据第一个静态值计算用户输入的百分比，并将最终值添加到最终结果中。这是我完成的一些代码，但这基本上只是添加两个数字，而我想将用户输入的第二个字段的百分比添加到第一个字段，并在最终的总标题中显示

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<input style="max-width: 100px; type="number" min="0" type="text" id="quantity1" value="100" />
<input style="max-width: 100px; type="number" min="0" type="text" id="quantity2" />
<h5 class="total" id="total" value="$123"></h5>
</body>
<script>
$('#quantity2').on('keyup',function(){
    var val=$('#quantity1').val();
    alert(val);
    //alert(val);
    var tot = +$(this).val()+ +$('#quantity1').val() ;
    alert(tot);
    $('.total').html("$"+tot);
});
</script>
</html>

试试这个：

$('#quantity2').on('change',function(){ // use .change() event instead of keyup
    var val1 = parseInt($('#quantity1').val()); // use parseInt() to convert string to integer value
    var val2 = parseInt($(this).val());
    var tot = val1 + (val1 * (val2 / 100)); // it will add percentage value to first value
    console.log(tot);
    $('.total').html("$"+tot);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<input style="max-width: 100px;" type="number" min="0" type="text" id="quantity1" value="100" />
<input style="max-width: 100px;" type="number" min="0" type="text" id="quantity2" />
<h5 class="total" id="total" value="$123"></h5>

相关文章：