1

Buen dia, tengo este codigo:

Tipo de solicitud

                    <input type="radio" name="Capex/Opex" value="Mantenimiento" id="mantenimiento"onclick="document.getElementById('cual').setAttribute('readonly', true), document.getElementById('necesidad').setAttribute('disabled', true), document.getElementById('fecha2').setAttribute('readonly', true), document.getElementById('CeCo').removeAttribute('readonly')"/>
                    <label class="nombreRadio" for="mantenimiento">Mantenimiento  </label>
                    
                    <input type="radio" name="Capex/Opex" value="Novedad" id="novedad"onclick="document.getElementById('CeCo').setAttribute('readonly',true), document.getElementById('RN').removeAttribute('readonly')"  />
                    <label class="nombreRadio" for="novedad">Novedad</label>

Lo que busco es que cuando se seleccione algun input de estos se cambie de color lo que tengo dentro de un div:

Mantenimiento:
                    <label for="accion">Acción</label>
                    <br>
                    <textarea class="texto" type="text" id="accion" name="Acción" placeholder="Escriba aquí" required> </textarea>
                    <br>

                    <label class="pregunta" for="fechainicio1">Fecha de inicio</label>
                    <br>
                    <input class="texto" type="date" id="fechainicio1" name="Fecha de inicio" required />
                    <br>

                    <label for="fechacierre">Fecha de cierre</label>
                    <br>
                    <input class="texto" type="date" id="fechacierre" name="Fecha de cierre" required />
                </div>

si selecciono mantenimiento, que se ponga en un color esta seccion de mantenimiento, si selecciono novedad que se ponga en un color la seccion de novedad que es parecida al codigo anterior. gracias

1 respuesta 1

0

Puedes modificar estilos de los distintos elementos del DOM de la siguiente forma:

<input type="radio" name="Capex/Opex" value="Mantenimiento" id="mantenimiento"onclick="
document.getElementById('seccion-mantenimiento').style.background = 'green',
document.getElementById('seccion-novedad').style.background = 'white'"/>
                    <label class="nombreRadio" for="mantenimiento">Mantenimiento  </label>
                    
<input type="radio" name="Capex/Opex" value="Novedad" id="novedad"onclick="
document.getElementById('seccion-novedad').style.background = 'green',
document.getElementById('seccion-mantenimiento').style.background = 'white'"  />
                    <label class="nombreRadio" for="novedad">Novedad</label>
                    

<div id="seccion-mantenimiento">
<p> Esta es la sección de mantenimiento</p>
</div>

<div id="seccion-novedad">
<p> Esta es la sección de novedad</p>
</div>

1
  • Gracias compañero! el 17 ene. 2022 a las 16:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.