如何用百分比生成Sum ...?

时间:2017-09-09 08:21:50

标签: javascript jquery

我正在尝试在表格中执行计算,一些如何不工作,相同的脚本工作正常http://www.jquerycookbook.com/demos/S3-TablesTabsPanels/26-TableCalculateTotal.html

请帮我提一些建议

JSfiddle

  $(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));
                }
            });
        });
    });

1 个答案:

答案 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>