Question

嗨我无法让jquery脚本工作，我找不到原因。如果有人可以帮我解决这个问题，尝试使用插件和其他东西并且它不会工作会很棒。

<!doctype html>
<html>
<script type="text/javascript" src="files/jquery-1.8.1.js"></script>
<meta charset="utf-8" />
<title> Checkbox Summation </title>
<style type="text/css">
 .cbValue { }
</style>
<body>

<div id="CostBox">
<input type="checkbox" class="cbValue" value="9.99"  onclick="UpdateCost()">Product 1 ( 9.99)<br>
<input type="checkbox" class="cbValue" value="19.99" onclick="UpdateCost()">Product 2 (19.99)<br>
<input type="checkbox" class="cbValue" value="27.50" onclick="UpdateCost()">Product 3 (27.50)<br>
<input type="checkbox" class="cbValue" value="45.65" onclick="UpdateCost()">Product 4 (45.65)<br>
<input type="checkbox" class="cbValue" value="87.20" onclick="UpdateCost()">Product 5 (87.20)<br>
<input type="text" id="totalcost" value="" size="6"> Total ($)
</div>

<script type="text/javascript">

function UpdateCost() {
  var sum = 0;
  var sel = document.getElementById('CostBox').getElementsByClassName('cbValue');
  for (i=0; i<sel.length; i++) {
    if (sel[i].checked) { sum += Number(sel[i].value); }
  }
  document.getElementById('totalcost').value = sum.toFixed(2);
} 


</script>
</body>
</html>

Answer 1

您的网页上没有任何jQuery代码你有任何错误吗？ jQuery源是否存在于files / jquery-1.8.1.js？

您可以尝试从CDN加载jQuery以确保：

<script src="http://code.jquery.com/jquery-1.9.1.js">

另外，尝试添加一些简单的内容：

$(document).ready(function(){
  alert("jQuery Running");
});

Wordpress jquery不会工作（计算系统）

1 个答案: