Estoy tratando de validar esos botones de opción y notificar al usuario si ambos están desmarcados. Mi función RadioValidation() no funciona, ¿cómo puedo solucionarlo? ¡Gracias!
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>Prueba esto
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>