我有一個表格，我想添加所有的不等於零

Question

這是我想要的輸出。我希望date將等於1並添加在總輸入中，並且在類中還有一個額外的x。

<div class="form-group{{ $errors->has('day1') ? ' has-error' : '' }}"> 
         <label for="day1" class="col-md-4 control-label">Day 1</label> 

         <div class="col-md-6"> 
          <div class='input-group date' id='day1'> 
           <input type='text' class="form-control" name="day1" value="0" readonly="readonly" /> 
           <span class="input-group-addon"> 
            <span class="glyphicon glyphicon-calendar"> 
            </span> 
           </span> 
          </div> 
         </div> 
        </div> 

Answer 1

嗯，我明白了，你有不同的input領域，您只需要那些有values != 0。你可以用它橫貫通所有input領域這個僞代碼且僅當value != 0你的代碼將執行：

$('input').each(function() { 
    if ($(this).val() != 0) { 
    // code goes here... 
    } 
}); 

$('input').on('change', function() { 
 
    updateCount(); 
 
}) 
 

 
function updateCount() { 
 
    var count = 0; 
 
    $("input:not('.k-textbox')").each(function() { 
 
    if ($(this).val() != 0) { 
 
     count++; 
 
    } 
 
    }); 
 
    $(".k-textbox").val(count + 'x'); 
 
    console.log(count + 'x'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
    <tr> 
 
    <td> 
 
     <input type='text' name='total[]' id='total1' value='0' /> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <input type='text' name='total[]' id='total2' value='0' /> 
 
    </td> 
 
    </tr> 
 

 

 
    <tr> 
 
    <td> 
 
     <input type='text' name='total[]' id='total3' value='0' /> 
 
    </td> 
 
    </tr> 
 

 

 
    <tr> 
 
    <td> 
 
     <input type='text' name='total[]' id='total4' value='0' /> 
 
    </td> 
 
    </tr> 
 

 

 

 
    <tr> 
 
    <td> 
 
     <input type="text" class="k-textbox" value="" style="color: red; text-align: right; font-family: courier" name="total_amt_due" id="amt_due" readonly="readonly" /> 
 
    </td> 
 
    </tr> 
 
</table>