選中多個單選框生成一個值-有解無憂

我一直在嘗試為選擇生成價值，我能夠獲得單個選擇的單個值。

我想知道如何組合兩個選擇并生成一個值示例：

如果此人選擇了私人半天，我希望該值為私人半天

如果此人選擇了私人全天，我希望該值是私人全天

如果此人選擇了共享和半天，我希望該值是共享半天

如果此人選擇了共享和全天，我希望全天共享該值

(function() {
    var stripe = Stripe('pktest');
    var location = document.querySelector('#location');
    
    var btn = document.getElementById('btn');
    
  
    btn.addEventListener('click', async (e) => {
      var occupancy = $('input:radio[name=occupancy]:checked').val();
      var atv = $('input:radio[name=atv]:checked').val();
      e.preventDefault();
      fetch('/checkout_sessions', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          occupancy: occupancy,
          atv: atv,
          location: location.value,
        }),
      })
      .then((response) => response.json())
      .then((session) => {
        stripe.redirectToCheckout({ sessionId: session.id });
      })
      .catch((error) => {
        console.error('Error:', error);
      });
    });
  })();

<div style="display: flex; width: 100%">
  <input type="radio" name="occupancy" id="private" value="private" checked="checked">
  <label for="private">Private</label>
  <input type="radio" name="occupancy" id="shared" value="shared">
  <label for="shared">Shared</label>
</div>
<div style="display: flex; width:100%">
  <input type="radio" name="atv" id="full-day" value="Full-Day" checked="checked">
  <label for="full-day">Full Day</label>
  <input type="radio" name="atv" id="half-day" value="Half-Day">
  <label for="half-day">Half Day</label>
</div>
<div class="location"><input id="location" type="text" placeholder="location" onfocus="this.placeholder = ''" onblur="this.placeholder = 'location'"> </div>

uj5u.com熱心網友回復：

你不能在使用之前將你的occupancy和atv變數連接成一個新的唯一變數fetch()嗎？
作為旁注，您應該避免var在代碼中如此廣泛地使用。let并且const是在不污染全域范圍的情況下管理變數的更好方法。

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/433727.html

標籤：javascript html jQuery

上一篇：<a>中的目標文本并將其包裝在跨度中

下一篇：使用jQuery動態更改元素