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，让我知道，如果这是你想要的。