if else conditionのjQueryテーブルフィールドの結果の使い方は？

Question

私は、テーブルの最後のフィールドで他の条件がある場合に使用する必要があるjQueryテーブルのコードを持っています。m3のみの結果値&結果は（>）7より大きい場合、条件は "FCL"をテーブルの下に表示し、 <）7が「LCL」よりも大きく、m3列の結果値が最後のフィールドの結果m3が空の場合、何も表示されません。

<script type="text/javascript"> 
    $(function() { 
     $('.pnm, .price, .subtot, .widtot, .perm, .tottot, .vol, .tot, .vols, .widths, .acts').prop('readonly', true); 
     var $tblrows = $("#tblProducts tbody tr"); 

     $tblrows.each(function (index) { 
      var $tblrow = $(this); 
      $tblrow.find('.width, .carton, .perm').on('change', function() { 
       var carton = $tblrow.find("[name=carton][type=number][min=0]").val(); 
       var width = $tblrow.find("[name=width][type=number][min=0]").val(); 
        var depth = $tblrow.find("[name=depth][type=number][min=0]").val() 
        var perm = $tblrow.find("[name=perm]").val(); 

       var subTotal =parseFloat(width*0.01, 10) * parseInt(carton, 10); 
       var cartons =parseInt(carton, 10); 
       var widths =parseInt(width, 10); 

       if (!isNaN(cartons)) { 

        $tblrow.find('.carton').val(cartons.toFixed(0)); 
        var cartonTotal = 0; 

        $(".carton").each(function() { 
         var stval = parseInt($(this).val()); 
         cartonTotal += isNaN(stval) ? 0 : stval; 
        }); 

        $('.cartontot').val(cartonTotal.toFixed(0)); 
       }   
       if (!isNaN(widths)) { 

        $tblrow.find('.width').val(widths.toFixed(0)); 
        var widthTotal = 0; 

        $(".width").each(function() { 
         var stval = parseInt($(this).val()); 
         widthTotal += isNaN(stval) ? 0 : stval; 
        }); 

        $('.widthtot').val(widthTotal.toFixed(0)); 
       } 
       if (!isNaN(subTotal)) { 

        $tblrow.find('.perm').val(subTotal.toFixed(5)); 
        var grandTotal = 0; 

        $(".perm").each(function() { 
         var stval = parseFloat($(this).val()); 
         grandTotal += isNaN(stval) ? 0 : stval; 
        }); 

        $('.grdtot').val(grandTotal.toFixed(5)); 
       } 
      }); 
     }); 
    }); 
</script> 

<table id="tblProducts"> 
<thead> 
    <tr> 
     <td><strong>Products</strong></td> 
     <td><strong>Cartons</td> 
     <td><strong>Cm Width</td> 
     <td><strong>M3</td> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td><input type="text" class="pnm" value="Product One" name="pnm" style="width:120px" /></td> 
     <td ><input type="number" oninput="validity.valid||(value='');" class="carton" value="0" name="carton" min="0" maxlength="5" style="width:70px"></td> 
     <td><input type="number" oninput="validity.valid||(value='');" class="width" value="0" min="0" name="width" maxlength="5" style="width:80px"/></td> 
     <td><input type="number" class="perm" value="" name="perm" style="width:80px"/></td> 
     <td class="error" style="color:red"></td>   
    </tr> 
    <tr> 
     <td><input type="text" class="pnm" value="Product Second" name="pnm" style="width:120px" /></td> 
     <td ><input type="number" oninput="validity.valid||(value='');" class="carton" value="0" name="carton" min="0" maxlength="5" style="width:70px"></td> 
     <td><input type="number" oninput="validity.valid||(value='');" class="width" value="0" min="0" name="width" maxlength="5" style="width:80px"/></td> 
     <td><input type="number" class="perm" value="" name="perm" style="width:80px"/></td> 
     <td class="error" style="color:red"></td>   
    </tr> 
</tbody> 
<tfoot> 
    <tr> 
     <td></td> 
     <td><input type="number" class="cartontot" value="" name="" style="width:70px" readonly/></td> 
     <td></td> 
     <td><input type="number" class="grdtot" value="" name="" style="width:80px" readonly/></td> 
    </tr> 
</tfoot> 
</table> 

Answer 1

あなたの条件を作る価値があります。あなたの変数はgrandTotalです。あなたはそれをあなたの条件にする必要があります！テーブルに行を追加してそこにメッセージを表示します。

<tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td id="result">result: </td> 
</tr> 

とメッセージを表示する行コードが少ない。

if (grandTotal > 7) { 
        $('#result').html('FCL'); 
       } else if (grandTotal < 7) { 
        $('#result').html('LCL'); 
       } 

ここではfiddleです。