Question

我有jQuery表的代码，我需要使用if else条件与表＆＃39; s最后一个字段m3只有结果值＆amp;条件是如果结果大于（＆gt;）7则显示＆＃34; FCL＆＃34;在表格下方，如果小于（＆lt;）7，则小于＆＃34; LCL＆＃34;如果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。

如果使用jQuery表字段导致if else条件？

1 个答案: