En mi formulario html tengo 3 botones de opción para que el usuario elija un tipo de habitación
<input type="radio" name="room" id="standard" class="left" checked>Standard <input type="radio" name="room" id="business" class="left">Business <input type="radio" name="room" id="suite" class="left last">Suite<br> <div id="select"></div>En mi archivo js, lo quiero para que cuando el usuario cambie el botón de opción, agregue o muestre/oculte la entrada de selección correspondiente
mi js para esto actualmente es:
$(":radio").change( () => { const radioButton = $(":radio:checked").val(); if (radioButton == 'standard'){ var label = '<label>Select number of bed: </label>'; var option = '<select class=bed><option value="1">1</option><option value="2">2</option></select>' var html = ''; $("#select").html(''); html += label; for (i = 0; i < 2; i++) { html += option }; $("#select").html(html); } else if(radioButton == 'business'){...}Nada cambia cuando cambio la opción de radio, soy un principiante, así que no sé qué/dónde salió mal
Sus botones de radio no tienen atributo de valor, por lo que cuando verifique el valor, no coincidirá con ninguna de sus opciones
<input type="radio" name="room" id="standard" class="left" checked value="Standard">Standard <input type="radio" name="room" id="business" class="left" value="Business">Business <input type="radio" name="room" id="suite" class="left last" value="Suite">Suite<br>