Bagaimana untuk menggabungkan dua medan dengan nama yang sama tetapi ID berbeza ke dalam baris yang sama dalam MySQL?

Question

Saya mempunyai projek di mana pelanggan boleh memilih harga berdasarkan kotak pilihan dan kotak input mempunyai nama yang sama, Jika saya memilih kotak semak tetapi tidak mempunyai input, saya hanya mahu menyimpan nilai kotak semak dalam pangkalan data, jika saya memilih kotak input saya hanya mahu menyimpan nilai kotak input. Ini kod saya:

<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>

Adakah saya perlu membuat beberapa perubahan pada mysql saya kerana saya terus mendapat ralat?

Answer 1

<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) {
   // 为表单添加提交事件监听器
   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>

Butiran:

1- Gunakan document.getElementById("donate") untuk mendapatkan elemen bentuk.

2- Gunakan form.addEventListener("submit", function(event) { ... }); untuk menambah pendengar acara serah pada borang.

3- Di dalam fungsi pendengar acara, gunakan document.querySelector('input[name="amount"]:checked') untuk mendapatkan butang radio yang dipilih.

4- Gunakan document.getElementById("montantlibre") untuk mendapatkan medan input.

5- Gunakan if (!Number(inputField.value) !== true) { ... } untuk menyemak sama ada medan input mempunyai nilai.

6- Jika medan input mempunyai nilai, simpan nilai tersebut dalam pembolehubah amaun. Jika tidak, simpan nilai butang radio yang dipilih dalam pembolehubah amaun.

7- Gunakan event.preventDefault() untuk mengelakkan penyerahan borang lalai.