Javascript 如何将物品乘以数量并合计？

我想有一个订单页面，允许客户选择一个项目及其数量，然后计算一个div中的总订购量

最初，我的代码如下：

对于数量查询：

  <script> 
 $(function() {

 $(".numbers-row").append('<div class="inc button">+</div><div class="dec button">-</div>');

 $(".button").on("click", function() {

var $button = $(this);
var oldValue = $button.parent().find("input").val();

if ($button.text() == "+") {
  var newVal = parseFloat(oldValue) + "The Price";
} else {
   // Don't allow decrementing below zero
  if (oldValue > 0) {
    var newVal = parseFloat(oldValue) - "The Price";
    } else {
    newVal = 0;
  }
  }

$button.parent().find("input").val(newVal);

 });

  });

$（函数（）{
$（“.numbers行”）.append（“+-”）；
$（“.button”）。在（“单击”，函数（）{
var$按钮=$（此按钮）；
var oldValue=$button.parent（）.find（“input”）.val（）；
如果（$button.text（）==“+”）{
var newVal=parseFloat（oldValue）+“价格”；
}否则{
//不允许在零以下递减
如果（旧值>0）{
var newVal=parseFloat（oldValue）-“价格”；
}否则{
newVal=0；
}
}
$button.parent（）.find（“input”）.val（newVal）；
});
});

项目的HTML：

 <ul>
    <li class="numbers-row">
    <label>
    <input class="calc" type="checkbox" name="combos[]" id="item2-title"  value="The Name"/>
    The Thumbnail<p>The Title</p>
    <input type="hidden" name="item1-val" value="The Price">
    </label>
    </li>

    <li class="numbers-row">
    <label>
    <input class="calc" type="checkbox" name="combos[]" id="item2-title"  value="The Name"/>
    The Thumbnail<p>The Title</p>
    <input type="hidden" name="item2-val" value="The Price">
    </label>
    </li>

     <li class="numbers-row">
    <label>
    <input class="calc" type="checkbox" name="combos[]" id="item2-title"  value="The Name"/>
    The Thumbnail<p>The Title</p>
    <input type="hidden" name="item2-val" value="The Price">
    </label>
    </li>

</ul>

缩略图标题



缩略图标题



缩略图标题

我的jquery总计：

 <script type="text/javascript">
 function calcscore(){
      var score = 0;
        var checked=$(".calc:checked ~   input[type=hidden]").each(function(){
        score+=parseInt($(this).val());
        });
 $('#price').text(score.toFixed(2));
   }
  $(document).ready(function(){
  $(".calc").change(function(){
     calcscore()
 });
});
 </script>

函数calcscore（）{
var得分=0；
var checked=$（“.calc:checked~input[type=hidden]”）。每个（函数（）{
score+=parseInt（$（this.val（））；
});
$（'价格'）.text（score.toFixed（2））；
}
$（文档）.ready（函数（）{
$（“.calc”）.change（函数（）{
钙质（）
});
});

和my HTML，其中将显示项目的总价：

 <p>Total: PHP <span id="price">0</span></p>

总计：PHP 0

我似乎无法整合所有这些，有什么帮助吗

实际上还有很多项，但为了简化起见，我们还是选择3项

---

PS I只支持基本的jquery和PHP，但我可以将粘贴复制到最少。非常感谢您的任何意见。谢谢大家

访问w3schools.com，了解如何使用它们。现在什么对你们不起作用？有错误吗？还是计算错误？