我正在尝试在表格中执行计算,一些如何不工作,相同的脚本工作正常http://www.jquerycookbook.com/demos/S3-TablesTabsPanels/26-TableCalculateTotal.html
请帮我提一些建议
$(function () {
$('.pnm, .price, .subtot, .grdtot').prop('readonly', true);
var $tblrows = $("#tblProducts tbody tr");
$tblrows.each(function (index) {
var $tblrow = $(this);
$tblrow.find('.qty').on('change', function () {
var qty = $tblrow.find("[name=qty]").val();
var price = $tblrow.find("[name=price]").val();
var subTotal = parseInt(qty, 10) * parseFloat(price);
if (!isNaN(subTotal)) {
$tblrow.find('.subtot').val(subTotal.toFixed(2));
var grandTotal = 0;
$(".subtot").each(function () {
var stval = parseFloat($(this).val());
grandTotal += isNaN(stval) ? 0 : stval;
});
$('.grdtot').val(grandTotal.toFixed(2));
}
});
});
});
答案 0 :(得分:1)
打开chrome dev工具,它说:
未捕获的ReferenceError:$未定义
这意味着,您还没有在小提琴中添加对jquery的引用。
在jsfiddle上添加对任何框架的引用,
点击Javascript 设置图标 - > FRAMEWORKS&扩展 - >选择框架和版本(在您的情况下,jQuery)
这是更新后的fiddle
如果您在编辑器本地工作时遇到此问题,请在HTML中添加。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>