1

Tengo dos radio buttons con formulario a llenar, y quisiera que al seleccionar uno el otro formulario quede inhabilitado. Ya he probado de todo y no le encuentro la vuelta.

¡Desde ya Gracias!!!!

3
  • 2
    Bienvenida, por favor lee Cómo preguntar y de paso checa el recorrido de bienvenida, si pudieras agregar todo o parte de lo que has intentado, entonces sería mas fácil saber desde que punto ayudarte
    – user128299
    el 24 nov. 2019 a las 15:45
  • Hola Romina, minimamente deberías mostrar que tienes hasta ahora o que intentaste hacer hasta ahora. Saludos el 24 nov. 2019 a las 17:45
  • Hay una propiedad que se llama readonly se puede aplicar a los input, más no se si se puede a los radio buttons, debería también, ya que son campos de ingreso de información, aunque sean tipo boolean el 26 nov. 2019 a las 14:59

2 respuestas 2

1

Con JavaScript lo puedes hacer con esta funcion

function desactiva(){
    document.nombreform.nombreboton.disabled=true;
    document.nombreform.nombreboton.disabled=true;
}
3
  • 1
    Gracias, pero se ve que algo me esta faltando porque no me funciona!! el 24 nov. 2019 a las 15:38
  • 1
    Considera darte una vuelta por la sección de Cómo responder, sería muy genial si editas tu aporte y agregas una explicación de modo que los demás comprendamos como esto soluciona el problema expuesto
    – user128299
    el 24 nov. 2019 a las 15:44
  • 1
    El problema es que no veo su codigo entonces no puedo darle un consejo para su problema lo que he puesto ahi es un codigo generico para desactivar Lo que se hace es diabled = true y disabled = false el 24 nov. 2019 a las 15:48
1

Jmmmmm, le has dado los mismos nombres a ambos radio button?

Radio 1
<input type="radio" name="myFormRadio" />

Radio 2
<input type="radio" name="myFormRadio" />

Radio X
<input type="radio" name="myFormRadio" />

Si no le das el mismo nombre, no existe una referencia de que pertenezcan al mismo formulario y por tanto se comprobarán de forma independiente, como si no fueran dos opciones de la misma pregunta, por así decirlo.

Una vez hecho esto, ya puedes ponerle un evento en JavaScript que desactive todos los demás que no sean el seleccionado :

var radios = document.formName.myFormRadio;

for (var i=0, i<radios.length; i++) {
  // aquí pones la condición que te interese para desactivarlos
  // y asocias este código a un evento de JavaScript
  radios[i].disabled = true;
} 
<input type="radio" name="myFormRadio"> Radio 1
<input type="radio" name="myFormRadio"> Radio 2
<input type="radio" name="myFormRadio"> Radio 3

0

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