entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Activar o Desactivar radio button dependiendo de la opción elegida de un select

Hola amigos tengo este select

 <select id="slc" style='width: 150px' >
                                         <option value="1"> Reporte 1 </option>
                                         <option value="2">Reporte 2 </option>
                                         <option value="3">Reporte 3 </option> 

       </select>

y a su vez tengo dos radio button

                                                 <tr>
                                                    <td width="18"></td>
                                                    <td>
                                                        <label class="radio">
                                                            <input type="radio" name="chooseFormat" id="chooseFormat" value="ppt" checked/>
                                                            Ppt
                                                        </label>
                                                    </td>
                                                    <td width="30"></td>
                                                    <td>
                                                        <label class="radio">
                                                            <input type="radio" name="chooseFormat" id="chooseFormat" value="excel"/>
                                                            Excel
                                                        </label>
                                                    </td>
                                                </tr>

quiero saber como hacerle para que si elige Reporte 1 se desactiven en automático los radio button
desde ya muchas gracias, y si lo logro antes de que alguien me ayude estaré escribiéndoles mi solución

1 Respuesta

3votos

white Puntos75880

utilizando el evento onchange podrias llamar a una funcion que determine el valor del <select>

<select onchange="change_radio_states(this.value)">
    <option value="1"> Reporte 1</option>
    <option value="2"> Reporte 2</option>
    <option value="3"> Reporte 3</option>
</select>
<input type="radio" name="chooseFormat" id="ppt" value="ppt" checked/> PPT
<input type="radio" name="chooseFormat" id="excel" value="excel" checked/> Excel

<script type="text/javascript">
    function change_radio_states(value)
    {
        if(value === '1')
        {
            document.getElementById('ppt').disabled = true;
            document.getElementById('ppt').checked = false;

            document.getElementById('excel').disabled = true;
            document.getElementById('excel').checked = false;
        }
    }
</script>

http://jsfiddle.net/an7ec1xr/

0voto

rach comentado

solo tengo problema para activar el 5, me los inhabilita :(

0voto

white comentado

en la opcion 5 necesitas que se marquen los dos? talvez lo que necesitas es un checkbox y no un radio entonces, de todos modos te dejo un código flexible donde solo tienes que agregar las opciones para cada valor del select

http://jsfiddle.net/vhfm1efr/1/

0voto

rach comentado

tal vez me di a entender mal, es que con tu ejemplo esta bien porq en si solo pueden elegir un tipo de formato, el problema es que de la manera que tu me dijiste me inhabilita los dos formatos :S y en ese caso necesito que me deje elegir por lo menos uno, muchas gracias por tu ayuda! los dos formatos en el caso 1 y 5

0voto

white comentado

solo edita las propiedades del objeto radios_id, por ejemplo para la opcion 5:

5 : [{
        id : 'ppt',
        disabled : false,
        checked : false
    }, {
        id : 'excel',
        disabled : false,
        checked : false
    }]

hay 2 radios ppt y excel, define las propiedades disabled o checked, en tu caso sería

ppt: checked: false, disabled: false
excel: checked: false, disabled: false

http://jsfiddle.net/vhfm1efr/2/

0voto

rach comentado

muchas gracias me funciono super bien era justo lo que quería

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta