如何檢查兩個單選按鈕是否未選中

Question

我正在嘗試驗證這些單選按鈕，並在它們都未選中時通知用戶。 我的 function RadioValidation() 不起作用，我該如何解決？ 謝謝！

 function RadioValidation() { var buttons = document.querySelectorAll('input[name="shipmethod"]:checked'); for (var i = 0; i < buttons.length; i++) { if (.buttons[i].checked) { alert("NOT CHECKED") } } }

 <label class="radiner"> PickUp <input type="radio" name="shipmethod" value="PickUp" required> <span class="checkmark"></span> </label> <label class="radiner"> Delivery <input type="radio" name="shipmethod" value="Delivery" required> <span class="checkmark"></span> </label> <button class="btn txt-center" type="submit" id="checkout" onclick="RadioValidation()">Payment</button>

Answer 1

嘗試這個

 function RadioValidation() { var buttons = document.querySelector('input[name="shipmethod"]:checked'); if(buttons) console.log(buttons.value); else alert('Nothing selected'); }

 <label class="radiner"> PickUp <input type="radio" name="shipmethod" value="PickUp" required> <span class="checkmark"></span> </label> <label class="radiner"> Delivery <input type="radio" name="shipmethod" value="Delivery" required> <span class="checkmark"></span> </label> <button class="btn txt-center" type="submit" id="checkout" onclick="RadioValidation()">Payment</button>