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

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

javascript jquery

Javascript 将值的百分比添加到结果中,javascript,jquery,Javascript,Jquery,我想根据输入的字段计算百分比。第一个字段将在第二个字段中有一个静态值。用户应输入一个百分比值，此代码应获得第一个值（静态）根据第一个静态值计算用户输入的百分比，并将该最终值添加到最终结果total中。下面是我完成的一些代码，但这基本上只是添加两个数字，而我想将用户输入的第二个字段的百分比添加到第一个字段中，并在最终的total中显示头衔 <!DOCTYPE html> <html> <head> <title>Page Title</titl

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

<!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'）。在（'keyup'，function（）上{
var val=$（'#quantity1'）.val（）；
警报（val）；
//警报（val）；
var tot=+$（this.val（）++$（'#quantity1'）.val（）；
警报（tot）；
$（'.total'）.html（“$”+tot）；
});

试试这个：

$（'#quantity2'）。在（'change'，function（）{//使用.change（）事件而不是keyup
var val1=parseInt（$（'#quantity1'）.val（）；//使用parseInt（）将字符串转换为整数值
var val2=parseInt（$（this.val（））；
var tot=val1+（val1*（val2/100））；//它将把百分比值加到第一个值上
控制台日志（tot）；
$（'.total'）.html（“$”+tot）；
});

问题是..？嗯，很抱歉给你带来了困惑这是我在堆栈溢出方面的初步经验，我会习惯的。问题已经解决了there@AndrewL. 我认为这是用于将字符串值强制转换为数字（前面的+
符号）。请检查此链接并尝试编辑问题，以便我们可以帮助您：）@MohitBhardwaj是有意义的，尽管一些空白会清除混淆。尝试吗？为什么我要试试这个我要用这个谢谢男人高度赞赏