jQuery定價表計算

Question

我有一個小電子商務網站，此刻我必須手動輸入新產品到數據庫，我在創建一個簡單的管理頁面的過程中，我可以使用一個PHP表單進入產品到數據庫。

根據客戶購買的數量，每個產品都有多個價格，我使用表單輸入創建了一個表格，可以使用jquery添加額外的行（每個產品具有不同數量的價格範圍），以便PHP循環通過並添加到價格表。

我想要做的是能夠輸入價格的最小數量，並讓jquery根據我的最小值計算最大數量。

這裏有一個例子...

<table class='table table-bordered price-table'> 
     <thead><th>Min Quantity</th><th>Max Quantity</th><th>Prices</th></thead> 
     <tr> 
     <td><input type="text" class="form-control" name="minquan[]" value="250"></td> 
     <td><input type="text" class="form-control" name="maxquan[]"></td> 
     <td><input type="text" class="form-control" name="price[] value="250""></td> 
     </tr> 
     <tr> 
     <td><input type="text" class="form-control" name="minquan[]" value="500"></td> 
     <td><input type="text" class="form-control" name="maxquan[]"></td> 
     <td><input type="text" class="form-control" name="price[]" value="0.81"></td> 
     </tr> 
     <tr> 
     <td><input type="text" class="form-control" name="minquan[]" value="1000"></td> 
     <td><input type="text" class="form-control" name="maxquan[]"></td> 
     <td><input type="text" class="form-control" name="price[]" value="0.77"></td> 
     </tr> 

    </table> 

所以在這裏，即時通訊努力找出辦法有jQuery的計算最大數量，並有最後的最大數量是這樣的9999999

謝謝提前。

Answer 1

如果我正確理解你的問題，這是我猜你想要什麼。

另請注意，我已在第三個<td>上更正了HTML標記。報價錯過了，添加<tbody>標籤到表。

$(function(){ 
 
    var min = []; // collect minquan[] here 
 
    var i =0; 
 
    
 
    $('.price-table input[name="minquan[]"]').each(function(){ 
 
     var value = $(this).val(); 
 
     min.push(value-1); 
 
    }); 
 
    
 
    $('.price-table input[name="maxquan[]"]').each(function(){ 
 
     i++; 
 
     if(min[i] !== undefined) $(this).val(min[i]); 
 
     else $(this).val(9999999); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class='table table-bordered price-table'> 
 
     <thead><th>Min Quantity</th><th>Max Quantity</th><th>Prices</th></thead> 
 
    <tbody> 
 
     <tr> 
 
     <td><input type="text" class="form-control" name="minquan[]" value="250"></td> 
 
     <td><input type="text" class="form-control" name="maxquan[]"></td> 
 
     <td><input type="text" class="form-control" name="price[]" value="250"></td> 
 
     </tr> 
 
     <tr> 
 
     <td><input type="text" class="form-control" name="minquan[]" value="500"></td> 
 
     <td><input type="text" class="form-control" name="maxquan[]"></td> 
 
     <td><input type="text" class="form-control" name="price[]" value="0.81"></td> 
 
     </tr> 
 
     <tr> 
 
     <td><input type="text" class="form-control" name="minquan[]" value="1000"></td> 
 
     <td><input type="text" class="form-control" name="maxquan[]"></td> 
 
     <td><input type="text" class="form-control" name="price[]" value="0.77"></td> 
 
     </tr> 
 
    </tbody> 
 
</table>

點擊Run code snippet，讓我知道，如果這是你想要的。