Javascript Jquery将货币与符号相乘

我创建了一个使用输入字段的票证订购表单，该字段由一个减号（-1）和加号（+1）按钮控制

还有另一个脚本，它通过获取每个票据（.qty holder）的（价格）并将其乘以输入中的（数量）来计算订单总额

价格由PHP生成，并与“$#36；”相呼应（$）打印号码之前。这导致javascript计算仅为NaN。当$符号在那里时，我无法计算出值，只有当它只是一个数字时，它才起作用

有没有办法让脚本只在标记内搜索数字，我该如何使其输出（总数）包含一个“$”和一个有两个小数位的数字

此外，减号和加号按钮脚本不会影响计算的值。因此，如果我单击加号按钮以增加输入中的数字，则不会计算新的总数。有没有办法将这两者连接起来，并通过加号按钮5获得最大值

我的代码如下。非常感谢您的帮助

<div class='row'>
<div class='col-sm-12'>
<div class='qty-holder'>
  <a class='minus increment qty value-btn' href='#'>-</a>
  <input type='number' name='quantity_37' class='value qty' id='37' step='1' min='0' max='5' value='0' readonly> 
  <a class='plus increment qty value-btn' href='#'>+</a>
  <span class='hidden fees'>&#36;1.60</span>
  <span class='hidden price'>&#36;20.00</span> 
  <span class='hidden sum'>0</span>       
</div>
</div>
</div>              
<div class="checkout">
  <span>Fees:</span><span class="fees pull-right"></span><br />
  <span>Total:</span><span id="total" class="pull-right"></span>
  <button type="submit" class="btn btn-lg btn-danger text-uppercase btn-tickets">Checkout</button>
</div>


<script>  
   $(function(){
     $('.increment').click(function() {
        var valueElement = $('#'+$(this).siblings('input').attr('id'));
        if($(this).hasClass('plus')) 
        { valueElement.val(Math.max(parseInt(valueElement.val()) + 1)); } 
        else if (valueElement.val() > 0) // Stops the value going into negatives
        { valueElement.val(Math.max(parseInt(valueElement.val()) - 1)); } 
     return false;
  });
});
</script> 
<script>
function getTotal(){
    var total = 0.00;
    $('.sum').each(function(){
        total += parseFloat(this.innerHTML)
    });
    $('#total').text(total);
}

getTotal();

$('.value').keyup(function(){
    var parent = $(this).parents('.qty-holder');
    var price = $('.price', parent);
    var sum = $('.sum', parent);
    var value = parseInt(this.value) * parseFloat(price.get(0).innerHTML||0);
    sum.text(value);
    getTotal();
})
</script>

$1.60
$20
0
费用：

总数：
结账
$（函数（）{
$（'.increment'）。单击（函数（）{
var valueElement=$（'#'+$（this）.sibbines（'input'）.attr（'id'）；
if（$（this）.hasClass（'plus'））
{valueElement.val（Math.max（parseInt（valueElement.val（））+1））；}
else if（valueElement.val（）>0）//停止值变为负数
{valueElement.val（Math.max（parseInt（valueElement.val（））-1））；}
返回false；
});
});
函数getTotal（）{
var总计=0.00；
$（'.sum'）。每个（函数（）{
total+=parseFloat（this.innerHTML）
});
$（'总计'）.text（总计）；
}
getTotal（）；
$（'.value'）.keyup（函数（）{
var parent=$（this）.parents（'.qty holder'）；
风险值价格=$（“.price”，父项）；
变量总和=$（'.sum'，父项）；
var value=parseInt（this.value）*parseFloat（price.get（0.innerHTML | | 0）；
总和。文本（值）；
getTotal（）；
})

您具体在哪里计算？是否使用隐藏字段或输入类型文本进行计算？该字段是数量（.js中提到的值），并乘以价格。类“hidden”只是在实际页面上没有显示任何内容作为我们想要分割文本的字符串。现在在一个变量中取第一个索引（记住它从第0个索引开始），并做进一步的计算