Tengo un problema al intentar validar estos botones tipo radio. Quisiera que al seleccionar alguno y presionar continuar me muestre un alert()
, pero no lo logro:
Agradezco cualquier ayuda, soy nuevo en esto.
Acá mi HTML:
<div class="form-check">
<input class="form-check-input" type="radio" name="servicio" id="radios1" value="option1">
<label class="form-check-label" for="radios1">
HTML-CSS
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="servicio" id="radios2" value="option2">
<label class="form-check-label" for="radios2">
JavaScript
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="servicio" id="radios3" value="option3">
<label class="form-check-label" for="radios3">
Ambos
</label>
<br><br>
<button type="submit" class="btn btn-primary mb-2" onclick="mostrar()">Confirmar</button>
Acá mi JavaScript:
let servicio = document.getElementsByName(servicio);
function mostrar() {
switch (servicio) {
case servicio.value:
alert("Ha seleccionado HTML-CSS");
break;
case servicio.value:
alert("Ha seleccionado JavaScript");
break;
case servicio.value:
alert("Ha seleccionado un servicio completo.");
break;
default:
alert("Por favor, seleccione un servicio.");
}
}