Inhabilitar o habilitar un grupo de radio button con un radio button

[steffyn_90]

Buenas Tardes Comunidad..

Mi problema radica en que quiero innabilitar y habilitar un grupo de radio button al momento de dar click en un radio button de otro grupo. He buscado por la red pero solo me sale cosas como textbox, o checkbox.


Muchas gracias por la ayuda. Soy inexperta en Javascript T_T

[alex1084]

pon el codigo que tienes y trataremos de ayudarte

[steffyn_90]

Tengo estos botones, y que al darle cable se me desbloqueen los que siguen, mientras si le doy en analogo o en satelital que se me bloqueen.


Graciaaaaaaaaaaas.. =D

Código HTML:

<label class="form-label-left" id="label_9" for="input_9"> Servicio de Televisión </label>
        <div id="cid_9" class="form-input">
          <div class="form-single-column"><span class="form-radio-item" style="clear:left;">
              <input type="radio" class="form-radio" id="input_9_0" name="servicio_tv" checked="checked" value="cable" />
              <label for="input_9_0"> Cable </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
              <input type="radio" class="form-radio" id="input_9_1" name="servicio_tv" value="Satelital" />
              <label for="input_9_1"> Satelital </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
              <input type="radio" class="form-radio" id="input_9_2" name="servicio_tv" value="Análogo" />
              <label for="input_9_2"> Análogo </label></span><span class="clearfix"></span>
          </div>
        </div>
 

Código HTML:

<label class="form-label-left" id="label_31" for="input_31"> Proveedor de Cable </label>
        <div id="cid_31" class="form-input">
          <div class="form-multiple-column"><span class="form-radio-item">
              <input type="radio" class="form-radio" id="input_31_0" name="proveedor_cable" checked="checked" value="Cable Color" />
              <label for="input_31_0"> Cable Color </label></span><span class="clearfix"></span><span class="form-radio-item">
              <input type="radio" class="form-radio" id="input_31_1" name="proveedor_cable" value="Tigo Cable" />
              <label for="input_31_1"> Tigo Cable </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
              <input type="radio" class="form-radio" id="input_31_2" name="proveedor_cable" value="Clave Tv" />
              <label for="input_31_2"> Clave Tv </label></span><span class="clearfix"></span><span class="form-radio-item">
              <input type="radio" class="form-radio" id="input_31_3" name="proveedor_cable" value="Maya Visión" />
              <label for="input_31_3"> Maya Visión </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
              <input type="radio" class="form-radio" id="input_31_4" name="proveedor_cable" value="Cable Honduras" />
              <label for="input_31_4"> Cable Honduras </label></span><span class="clearfix"></span><span class="form-radio-item">
              <input type="radio" class="form-radio" id="input_31_5" name="proveedor_cable" value="Honduvisión" />
              <label for="input_31_5"> Honduvisión </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
              <input type="radio" class="form-radio" id="input_31_6" name="proveedor_cable" value="Galavisión" />
              <label for="input_31_6"> Galavisión </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left">
              <input type="radio" class="form-radio-other form-radio" name="proveedor_cable" id="other_31" value="otro" />
              <input type="text" class="form-radio-other-input" name="otro_proveedorCable" size="15" id="input_31" disabled="disabled" />
              <br /></span>
          </div>
        </div>
 

[alex1084]

Cuales son los que quieres que se bloqueen??? Analogo y digital o los del segundo bloque???

[steffyn_90]

Todos los del segundo bloque.. =D

Cuando le den el click en el de cable se me habiliten todo el segundo bloque. Y si se eligen las otras dos opciones se bloqueen.

[emprear]

Iniciado por steffyn_90

Todos los del segundo bloque.. =D

Cuando le den el click en el de cable se me habiliten todo el segundo bloque. Y si se eligen las otras dos opciones se bloqueen.

La estrucutura es medio rara, pero si nos atenemos a la pregunta original, asi

Código HTML:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript">
//<![CDATA[
function habilita_deshabilita(o,v){
var g1 = document.getElementsByName(o);
    for(var i=0; i<g1.length; i++){
    g1[i].disabled =(v===1)?false:true;
    }
}//
//]]>
</script>
</head>
<body>
<form action="#" id="formulario">
<p>G1</p>
opción A <input type="radio" value="A" name="opcion" /><br />
opción B <input type="radio" value="B" name="opcion" /><br />
opción C <input type="radio" value="C" name="opcion" /><br />
opción D <input type="radio" value="D" name="opcion" />
<p>G2</p>
Habilitar <input type="radio" value="" name="opcion2" onclick="habilita_deshabilita('opcion',1);" checked /><br />
Deshabilitar <input type="radio" value="" name="opcion2" onclick="habilita_deshabilita('opcion',0);"/><br />
</form>
</body>
</html>
 

Saludos

[steffyn_90]

Increible... Es lo que quiero, pero una preguntita extra. Si quiero bloquear dos bloques diferentes como podría hacerlo???

Muchisimas gracias por su tiempo. Se los agradesco enormemente.

[alex1084]

Mira con jquery podrias hacerlo asi

Código PHP:

<script type="text/javascript"> 
    $(document).ready(function() {
        $("input[name=servicio_tv]").click(function(e){     
            if($("input[name='servicio_tv']:checked").val()!="cable"){
                $("input[name=proveedor_cable]").attr("disabled","disabled");
            }else{
                $("input[name=proveedor_cable]").removeAttr("disabled");
            }
        });
 
    }); 
    </script>
 

[emprear]

Iniciado por steffyn_90

Increible... Es lo que quiero, pero una preguntita extra. Si quiero bloquear dos bloques diferentes como podría hacerlo???

Muchisimas gracias por su tiempo. Se los agradesco enormemente.

Bueno, eso depende, si querés bloquearlos con haciendo clicks en distintos radios o no
fijate que yo paso como parámetro el nombre del grupo a bloquear ('opcion'),
si tuvieses otro grupo, por ejemplo "colores", harías, habilita_deshabilita('colores',1) ó 0 para deshabilitar.

y si no, hacés todo manualmente

Código Javascript:

<script type="text/javascript">
//<![CDATA[
function habilita_deshabilita(v){
var g1 = document.getElementsByName('opcion');
    for(var i=0; i<g1.length; i++){
    g1[i].disabled =(v===1)?false:true;
    }
 
var gcolores = document.getElementsByName('colores');
    for(var i=0; i<gcolores.length; i++){
    gcolores[i].disabled =(v===1)?false:true;
    }
 
}//
//]]>
</script>
 

y no le pasas el nombre del grupo, solo 0 ó 1, es decir un con 2 radios habilitas o deshabilitás 2 grupos en una sola acción
Saludos

[emprear]

@alex1084

Iniciado por steffyn_90

Muchas gracias por la ayuda. Soy inexperta en Javascript T_T

me parece más recomendable que primero aprenda algunos conceptos antes de largarse con una librería

Saludos

[steffyn_90]

Muchisimas gracias emprear,

Me acaba de dar lo que necesito y más. Muchas gracias por su tiempo, de corazón. =D