Question

我在Grand Total字段中处理一个应用程序，它显示了所有保证金字段总数的总和。但是当页面加载其在总字段中显示NaN时。如何显示在Total Total字段中显示的现有总数？

这是我的剧本。

js

function getIndexedElement(item, index) {
     if (item.length) {
         if (index < item.length) {
             return item[index];
         } else {
             return false;
         }
     } else {
         if (index === 0) {
             return item;
         }
     }
     return false;
 }

 function isNum(value) {
     return 123;
 }

 function calcTotals() {
     var grandTotal = 0;
     var margin_total = 0;
     var total_inr1 = 0;
     var i = 0;

     while (getIndexedElement(document.forms['cart'].elements['add_percentage[]'], i)) {
         add_percentageObj = getIndexedElement(document.forms['cart'].elements['add_percentage[]'], i);
         addon_valueObj = getIndexedElement(document.forms['cart'].elements['addon_value[]'], i);
         total_inr_valueObj = getIndexedElement(document.forms['cart'].elements['total_inr[]'], i);

         totalObj = getIndexedElement(document.forms['cart'].elements['add_value[]'], i);
         priceunitObj = getIndexedElement(document.forms['cart'].elements['price_unit[]'], i);

         qtyObj = getIndexedElement(document.forms['cart'].elements['qty[]'], i);
         marginObj = getIndexedElement(document.forms['cart'].elements['margin_for[]'], i);


         if (isNaN(add_percentageObj.value)) {
             add_percentageObj = '';
         }
         if (isNaN(addon_valueObj.value)) {
             addon_valueObj = '';
         }

         if (add_percentageObj.value != 0) {
             totalObj.value = (((total_inr_valueObj.value * 1) * add_percentageObj.value / 100) + total_inr_valueObj.value * 1).toFixed(3);
             grandTotal = grandTotal + parseFloat(totalObj.value);
             marginObj.value = ((totalObj.value * 1) - (total_inr_valueObj.value * 1)).toFixed(3);

             margin_total = ((margin_total * 1) + marginObj.value * 1);
             //total_inr1 = total_inr1 + parseFloat(total_inr_valueObj.value);
             //c.value=Math.round((b.value/100) *a.value ).toFixed(2);

         } else if (addon_valueObj.value != 0) {
             totalObj.value = ((addon_valueObj.value * 1) + total_inr_valueObj.value * 1).toFixed(3);
             grandTotal = grandTotal + parseFloat(totalObj.value);
             marginObj.value = ((totalObj.value * 1) - (total_inr_valueObj.value * 1)).toFixed(3);

             margin_total = ((margin_total * 1) + marginObj.value * 1);
             //total_inr1 = total_inr1 + parseFloat(total_inr_valueObj.value);

         } else {
             totalObj.value = ((addon_valueObj.value * 1) + total_inr_valueObj.value * 1).toFixed(3);
             grandTotal = grandTotal + parseFloat(totalObj.value);
             marginObj.value = ((totalObj.value * 1) - (total_inr_valueObj.value * 1)).toFixed(3);

             margin_total = ((margin_total * 1) + marginObj.value * 1);
             //total_inr1 = total_inr1 + parseFloat(total_inr_valueObj.value);

         }

         i++;
     }

     //document.getElementById('grand_total').value = grandTotal.toFixed(3);
     //document.getElementById('margin_total').value = margin_total.toFixed(3);
     //document.getElementById('total_inr1').value = total_inr1.toFixed(3);
     //document.getElementById('margin_for').value = margin_for;

     marginTotal();

     return;
 }

 function marginTotal() {

     var x = $('[name="gt[]"]:checked').length;
     if (x != 0) return;
     var sum = 0;
     $('input[name="margin_for[]"]').each(function () {
         sum += +this.value;
     });
     $("#total12").val(sum);




 }
 $(function () {
     $("input[type='checkbox'").on("change", function () {
         recalcTotal();
     }).change();

     function recalcTotal() {
         var total12 = 0;
         var checkedinput = $("input:checked");
         var targetcheckboxes = checkedinput.length ? checkedinput : $("input:checkbox");
         targetcheckboxes.each(function () {
             total12 += parseFloat($(this).next("input").val(), 10) * 1;
         });

         $("#total12").val(total12.toFixed(3));

     }
 });

 $(window).load(function () {
     $(document).ready(function () {
         $("select").on('change', function () {

             var dept_number = $(this).val();
             var price = $(this).find(':selected').data('price');

             var selected = $(this).find('option:selected').text();

             if (selected == "INR") {
                 $(this).closest('table').find('.total1').val($(this).closest('table').find('.total').val());

             } else {

                 $(this).closest('table').find('.total1').val((($(this).closest('table').find('.total').val() * price) / $(this).closest('table').find('.inrvalue').val()).toFixed(3));
             }

             $(this).closest('table').find('.price_unit').val(($(this).closest('table').find('.total1').val() / $(this).closest('table').find('.qty').val()).toFixed(3));

         });
     });
 }); //]]>

在小提琴中你可以看到最后一个字段，即边距字段。在极端情况下你可以看到Grand Total。页面加载显示NaN ..

Answer 1

更新的答案 所以我错了，经过一些更多测试后，您的前3个readonly复选框没有value=0.000作为属性。

由于它们是text输入，因此javascript不会自动假设空输入等于0.

只需将value=0.000添加到前三个复选框

不正确的老答案 在targetcheckboxes.each()循环中，您的表达式： total12 += parseFloat($(this).next("input").val(), 10) * 1;

造成了这个问题。

next("input")将匹配任何类型的输入，包括文本输入。在某个地方，您将字符串连接到total12变量，因此total12的最终值无法解析为浮点数。

Answer 2

你只需要检查复选框旁边的输入值是否为isNaN（）或DEMO
如果你在总栏中输入文字就会有很多错误你在文本框中得到NaN在Grandtotal旁边的复选框旁边，因为您在输入更改后更新它，您需要在更改时验证文本框

         targetcheckboxes.each(function () {
             var temp=$(this).next("input").val();
             if(temp){
                total12 += parseFloat(temp, 10) * 1;
             }
         });
         $("#total12").val(total12.toFixed(3));

Answer 3

我认为你应该使用

parseInt(yourvalue);
parseFloat(yourvalue).toFixed(2);

每当你使用js计算某些东西时

Grand Total显示NaN Javascript / Jquery

3 个答案: