我有一個項目,客戶可以根據(jù)復選框選擇價格,并且輸入框的名稱相同, 如果我選擇復選框但沒有輸入內容,我只想將復選框的值存儲在數(shù)據(jù)庫中,如果我選擇了輸入框并且只想存儲輸入框的值。 這是我的代碼:
<ul class="donate-now">[enter image description here](https://i.stack.imgur.com/EyU7O.png) <li> <input type="radio" class="form-control btn-default target" id="a100" name="amount" value="100"/> <label for="a25">100€/mois</label> </li> <li> <input type="radio" class="form-control btn-default target" id="a200" name="amount" value="200" /> <label for="a50">200€/mois</label> </li> <li> <input type="radio" class="form-control btn-default target" id="a300" name="amount" value="300" checked/> <label for="a75">300€/mois</label> </li> </ul> </div> <div class="container form-control-lg" id="montant-libre"> <span class="input-symbol-euro"><input type="text" class="form-control form-control-md" style="color: #d34607;" id="montantlibre" onclick="clearRadio()" placeholder="Montant libre" name="amount" min="1"/></span> </div>
我是否需要在我的mysql上做一些更改,因為我總是遇到錯誤?
<form id="donate"> <ul class="donate-now"> <li> <input type="radio" class="form-control btn-default target" id="a100" name="amount" value="100"/> <label for="a25">100€/mois</label> </li> <li> <input type="radio" class="form-control btn-default target" id="a200" name="amount" value="200" /> <label for="a50">200€/mois</label> </li> <li> <input type="radio" class="form-control btn-default target" id="a300" name="amount" value="300" checked/> <label for="a75">300€/mois</label> </li> </ul> <div class="container form-control-lg" id="montant-libre"> <span class="input-symbol-euro"> <input type="text" class="form-control form-control-md" style="color: #d34607;" id="montantlibre" onclick="clearRadio()" placeholder="Montant libre" name="amount" min="1"/> </span> </div> </form> <script> // 獲取表單元素 var form = document.getElementById("donate"); if (form) { // 為表單添加提交事件監(jiān)聽器 form.addEventListener("submit", function(event) { // 獲取選中的單選按鈕 var selectedRadio = document.querySelector('input[name="amount"]:checked'); // 獲取輸入字段 var inputField = document.getElementById("montantlibre"); var amount = selectedRadio.value; // 檢查輸入字段是否有值 if (!Number(inputField.value) !== true) { // 新值 amount = inputField.value; } console.log(amount); // 阻止默認的表單提交 event.preventDefault(); }); } </script>
詳情:
1-使用document.getElementById("donate")
獲取表單元素。
2-使用form.addEventListener("submit", function(event) { ... });
為表單添加提交事件監(jiān)聽器。
3-在事件監(jiān)聽器函數(shù)內部,使用document.querySelector('input[name="amount"]:checked')
獲取選中的單選按鈕。
4-使用document.getElementById("montantlibre")
獲取輸入字段。
5-使用if (!Number(inputField.value) !== true) { ... }
檢查輸入字段是否有值。
6-如果輸入字段有值,則將該值存儲在amount變量中。否則,將選中的單選按鈕的值存儲在amount變量中。
7-使用event.preventDefault()
阻止默認的表單提交。
Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號