Necesito armar una function

carlunchos · #1 (**permalink**) 21/12/2004, 07:05

Buenas Sres, tengo lo siguiente:

<form name=form1 method=post>
<td align=center height=30>Si <input type=radio name="rd1" value="si"> No <input type=radio name="rd1" value="no"></td>
<td align=center height=30>Poco <input type=radio name="rd2" value="poco"> Nada <input type=radio name="rd2" value="nada"></td>
</form>

y quiero armar una function que si el usuario no da click en ningun rd1 aparece un alert "no selecciono ninguno de los rd1" , si da click en rd1="SI" y quiere enviar el form sin dar click en algun de los rd2 aparezca un alert que diga que no selecciono algun rd2, pero si se selecciona el rd1="NO" se pongan disabled los rd2 y que luego permita realizar el submit. Trate de implementar lo siguiente:

<script language=javascript>
function controla_radio() {
if(!(document.forms[0].rd1[0].checked)) {
alert("Debe indicar si utiliza los servicios");
return false;
}
if (document.forms[0].rd1["no"].checked ) {
document.forms[0].rd2[0].disabled;
return false;
}

document.form1.submit()
return true
}

</script>

Algo complicado pero algun capo me sabra guiar seguramente.
Saludos.

SiR.CARAJ0DIDA · #2 (**permalink**) 21/12/2004, 10:05

a ver esto:

Código PHP:

  function controla_radio() { 
if(!(document.forms[0].rd1[0].checked || document.forms[0].rd1[1].checked )) { 
alert("Debe indicar si utiliza los servicios"); 
return; 
} 
if (document.forms[0].rd1[0].checked && (!(document.forms[0].rd1[0].checked || !document.forms[0].rd1[1].checked)) { 
alert('No seleccionaste algun rd2'); 
return; 
} 
if (document.forms[0].rd1[1].checked){ 
document.forms[0].rd2[0].disabled = true; 
document.forms[0].rd2[1].disabled = true; 
} 
document.form1.submit() 
}

KarlanKas · #3 (**permalink**) 21/12/2004, 10:42

Esto te serrviría?

<html>
<head>

<script>
var enviare2=false;
var enviare=false;
function r1no(este){
cosa=este.elements['rd2'];
for(a=0;a<2;a++){
cosa[0].disabled=este.elements['rd1'][1].checked;
}
cosa[1].disabled=este.elements['rd1'][1].checked;
enviare=este.elements['rd1'][0].checked;

if(!enviare || (enviare&&enviare2)){
este.elements['envio'].disabled=false;
este.elements['envio'].value="Enviar";
}
else{
este.elements['envio'].disabled=true;
este.elements['envio'].value="Faltan datos";
}
}

</script>
</head>

<body>

<form name=form1 method=post>
<td align=center height=30>Si <input type=radio name="rd1" onclick="r1no(this.form)" value="si"> No <input type=radio name="rd1" value="no" onclick="r1no(this.form)"></td><br><br>

<td align=center height=30>Poco <input type=radio name="rd2" onclick="enviare2=true;r1no(this.form)" value="poco"> Nada <input type=radio onclick="enviare2=true;r1no(this.form)" name="rd2" value="nada"></td>
<input name="envio" value="Faltan datos" disabled type="submit">
</form>

</body>
</html>

carlunchos · #4 (**permalink**) 21/12/2004, 12:51

Veo y les comento. Gracias muchachos.

carlunchos · #5 (**permalink**) 21/12/2004, 18:10

Hola Karlankas, he optado por tu sugerencia, pero quise agregar un radio mas (otro rd2="menos que nada") pero no se en que parte del codigo agregarlo. He intentado explicarme la secuencia que sigue tu codigo pero me lio y no puedo seguirlo.

Le seguire dando vueltas al asunto.

Saludos.

KarlanKas · #6 (**permalink**) 22/12/2004, 02:30

Bastaria con poner onclick="enviare2=true;r1no(this.form)" en esa nueva opción y cambiar el for(a=0;a<2... por for(a=0;a<3... pero como son chapucillas he arreglado el ejercicio añadiendo una función que carga al arrancar la página que evita el tener que poner el onclick y cambiado el for para que tenga en cuenta el número total de opciones, de tal forma que ya puedes añadir todas las opciones que quieras sin preocuparte.

Y he arreglado un problemilla que tenía que permitía mandar el formulario sin elegir ninguna opción del rd1 y eligiendo cualquiera del rd2.

Cualquier cosa me comentas!

El resultado es:

Código HTML:

<html>
<head>

<script>
var enviare2=false;
var enviare=false;
function cargado(){
forma=document.forms['form1'];
for(aa=0;aa<forma.elements.length;aa++){
elemento=forma.elements[aa];
if(elemento.name=="rd2"){
elemento.onclick=function pincho(){enviare2=true;r1no(this.form)}
elemento.disabled=true;
}
}

}

function r1no(este){

cosa=este.elements['rd2'];
for(a=0;a<cosa.length;a++){
cosa[a].disabled=este.elements['rd1'][1].checked;
}

enviare=este.elements['rd1'][0].checked;

if(!enviare || (enviare&&enviare2)){
este.elements['envio'].disabled=false;
este.elements['envio'].value="Enviar";
}
else{
este.elements['envio'].disabled=true;
este.elements['envio'].value="Faltan datos";
}
}

</script>
</head>

<body onload="cargado()">


<form name=form1 method=post>
<td align=center height=30>Si&nbsp;<input type=radio name="rd1" onclick="r1no(this.form)" value="si">&nbsp;No&nbsp;<input type=radio name="rd1" value="no" onclick="r1no(this.form)"></td><br><br>

<td align=center height=30>Poco&nbsp;<input type=radio name="rd2"  value="poco">&nbsp;Nada&nbsp;<input type=radio  name="rd2" value="nada">&nbsp;Un poco&nbsp;<input type=radio  name="rd2" value="poco"></td>
<input name="envio" value="Faltan datos" disabled type="submit">
</form>



</body>
</html>

carlunchos · #7 (**permalink**) 27/12/2004, 04:54

Estimado Karlankas, gracias por el regalito de navidad (codigo del post de arriba). Doble el premio teniendo en cuenta que el regalo viene desde Gaminedes.

Saludos.

KarlanKas · #8 (**permalink**) 27/12/2004, 04:58

jeje! Espero que te sea útil!!

Un apretón de antenas y Feliz Navidad!

y próspero ciclo solar nuevo!!

carlunchos · #9 (**permalink**) 13/01/2005, 11:16

Utilice el codigo que me habias pasado respecto de los buttons, pero tuve que hacerle una modificacion para que funcione. Ahora debo agregarle una fila mas de buttons pero no me funciona, este es el codigo:

<script language=javascript>
var enviare2=false;
var enviare=false;

function cargado(){
forma=document.forms['form1'];
for(aa=0;aa<forma.elements.length;aa++){
elemento=forma.elements[aa];
if(elemento.name=="rd2"){
elemento.onclick=function pincho(){enviare2=true;r1no(this.form)}
elemento.disabled=true;
}
}

}

function r1no(este){
cosa=este.elements['rd2'];
for(a=0;a<cosa.length;a++){
cosa[a].disabled=este.elements['rd1'][1].checked;
}

enviare=este.elements['rd1'][0].checked;

if(!enviare || (enviare&&enviare2)){
este.elements['envio'].disabled=false;
este.elements['envio'].value="Siguiente";
}
else{
este.elements['envio'].disabled=true;
este.elements['envio'].value="Faltan datos";
}
}
</script>

y en el formulario

<td align=center height=30>Si <input type=radio name="rd1" value="1.1" onclick="r1no(this.form)"> No <input type=radio name="rd1" value="1.2" onclick="r1no(this.form)"></td>
<tr>
<td align=center colspan=2 height=30>Gerente <input type=radio name="rd2" value="2.1" onclick="enviare2=true;r1no(this.form)"> Prof esional<input type=radio name="rd2" value="2.2" onclick="enviare2=true;r1no(this.form)"> Jefe <input type=radio name="rd2" value="2.3" onclick="enviare2=true;r1no(this.form)"> Técn ico<input type=radio name="rd2" value="2.4" onclick="enviare2=true;r1no(this.form)"></td>

</tr>
<tr>
<td height=30 colspan=2 align=center bgcolor="#FFFFCC">Los Permisos gestionados
corresponden a </td>
</tr>
<td align=center colspan=2 height=30>Capital y Norte <input type=radio name="rd3" value="3.1" onclick="enviare2=true;r1no(this.form)"> Conu rbanos e Interior<input type=radio name="rd3" value="3.2" onclick="enviare2=true;r1no(this.form)"> FO<i nput type=radio name="rd3" value="3.3" onclick="enviare2=true;r1no(this.form)"></td>
</tr>

al agregar el rd3 deshabilita solo rd2 , quedando rd3 habilitado. Como debo referenciar en la function para que tenga en cuenta que si se selecciona rd1 (NO) se deshabiliten hacia abajo todos los otros buttons y si se selecciona rd1(SI) recien permita hacer el submit al seleccionar alguna opcion de todos los buttons?.

Gracias y Saludos.