我正在嘗試在 Laravel 應用程序中獲取 HTML 表單中的輸入值總和。這是我已經擁有的代碼。關于如何做到這一點有什么建議嗎？我想實現的兩件事：對于“總成本”，我希望它將兩個輸入的兩美元金額相加，并在輸入字段中顯示總和。對于“總數量”，我希望它將兩個輸入的兩個數量相加并在輸入字段中顯示總和。<!--FORM--> <form action="/orders/create" method="POST"> @csrf <div class="form-group"> <label for="productsOrdered">Products Ordered</label> <input name="product1" class="form-control" id="product1" placeholder="Product 1"> <input name="price1" class="form-control" id="price1"> <select name="q1" class="form-control" id="q1"> <option value="">Quantity</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select><br> <input name="product2" class="form-control" id="product2" placeholder="Product 2"> <input name="price2" class="form-control" id="price2"> <select name="q2" class="form-control" id="q2"> <option value="">Quantity</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select><br> <div class="form-group"> <label for="shippingcost">Shipping Cost:</label> <input name="shipping" class="form-control" id="shipping" placeholder="--.-- (no dollar sign)"> </div>不幸的是，我很難找到關于如何實現這一目標的像樣的文檔/說明。
1 回答
梵蒂岡之花
TA貢獻1900條經驗 獲得超5個贊
將其添加到代碼底部：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$("#price2").keyup(function(){
$("#total").val(parseFloat($("#price2").val()) + parseFloat($('#price1').val()));
})
$("#q2").change(function(){
$("#total_quan").val(parseInt($("#q1").val()) + parseInt($('#q2').val()));
})
</script>
并將數量總計的“id”更改為“total_quan”。需要注意的是，不應有兩個具有相同 ID 的元素。
現在，我提供了這個代碼，只有在輸入第一個數量/價格，然后輸入第二個輸入時，這才有效。如果它先作為產品二輸入，然后作為產品一輸入，則不會計算。但這應該足以讓您進行測試并開始使用。
這一切都是用 jquery/javascript 完成的。從這里開始，只需將總計值發送到 laravel 后端即可對數據執行您需要執行的任何操作。因此，javascript 從表單進行計算，php 使用 JS 提供的計算輸出進行服務器端工作。
- 1 回答
- 0 關注
- 99 瀏覽
添加回答
舉報
0/150
提交
取消