Radio Button

davidonet · #1 (**permalink**) 04/01/2007, 05:41

Ante todo felicitarlos a todos ya que este es mi primer post.

tengo un formulario en el cual aparecen nombres,a esos nombres quiero darles una prioridad por lo tanto por cada nombre tengo tantos radio button como nombres. Lo que deseo es que si selecciono el uno para el primer nombre no pueda seleccionarlo en el resto de nombres y así con todos. por lo tanto tendré un cuadrado y quiero que lo mismo que hace el radio buton horizontalmente lo haga verticalmente. Bueno no se si me he explicado bien.

Muchas gracias de Antemano.

davidonet · #2 (**permalink**) 04/01/2007, 06:45

Perdón lo puse 2 veces booro una

davidonet · #3 (**permalink**) 04/01/2007, 06:47

Cita:

Iniciado por davidonet

Bueno hasta la fecha tengo hecho esto, comentar que no soy muy bueno (por no decir ni idea) de javascript.

<script>
function deshabilitar(formulario,nombre,idradio){
if (document.formulario.nombre[idradio].checked = true){
var i;
for (i=0;i<=<?=$registros?>;i++) {
if(i!=nombre){
document.formulario.i[idradio].blur();
}
}
}
}
</script>

y el formulario es este por ejemplo con 3 nombres:

<form name="prefer" method="post" action="intro.php">
<input name="a1" type="radio" onclick="deshabilitar(this.form,1,1)" value="1"/>
<input name="a1" type="radio" onclick="deshabilitar(this.form,1,2)" value="2"/>
<input name="a1" type="radio" onclick="deshabilitar(this.form,1,3)" value="3"/>
<input name="a1" type="radio" onclick="deshabilitar(this.form,1,4)" value="4"/>
<input name="a1" type="radio" onclick="deshabilitar(this.form,1,5)" value="5"/>

<input name="a2" type="radio" onclick="deshabilitar(this.form,2,1)" value="1"/>
<input name="a2" type="radio" onclick="deshabilitar(this.form,2,2)" value="2"/>
<input name="a2" type="radio" onclick="deshabilitar(this.form,2,3)" value="3"/>
<input name="a2" type="radio" onclick="deshabilitar(this.form,2,4)" value="4"/>
<input name="a2" type="radio" onclick="deshabilitar(this.form,2,5)" value="5"/>

<input name="a3" type="radio" onclick="deshabilitar(this.form,3,1)" value="1"/>
<input name="a3" type="radio" onclick="deshabilitar(this.form,3,2)" value="2"/>
<input name="a3" type="radio" onclick="deshabilitar(this.form,3,3)" value="3"/>
<input name="a3" type="radio" onclick="deshabilitar(this.form,3,4)" value="4"/>
<input name="a3" type="radio" onclick="deshabilitar(this.form,3,5)" value="5"/>
</form>

pero no hay manera sniff!!!

JavierB · #4 (**permalink**) 04/01/2007, 08:28

Hola davidonet

Prueba este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function deshabilitar(obj) {
  numRadios = 3;
  num = obj.name.substr(1,1);
  anterior = document.forms[0]['h'+num].value
  // habilitar radiobutons si ya había otro seleccionado en la misma fila
  if (anterior != '') {
    for (i=1; i<numRadios+1; i++) {
      for (j=0; rad=document.getElementsByName('a'+i)[j]; j++)
        if (rad.value==anterior) rad.disabled = false;
    }
  }
  // deshabilitar radiobuttons con el mismo valor
  for (i=1; i<numRadios+1; i++) {
    if (i==num) continue;
    for (j=0; rad=document.getElementsByName('a'+i)[j]; j++) 
      if (rad.value==obj.value) rad.disabled = true;
  }
  document.forms[0]['h'+num].value = obj.value;
}
</script>
</head>
<body>
<form name="prefer" method="post" action="intro.php">
<input name="a1" type="radio" onclick="deshabilitar(this)" value="1"/>
<input name="a1" type="radio" onclick="deshabilitar(this)" value="2"/>
<input name="a1" type="radio" onclick="deshabilitar(this)" value="3"/>
<input name="a1" type="radio" onclick="deshabilitar(this)" value="4"/>
<input name="a1" type="radio" onclick="deshabilitar(this)" value="5"/>
<input type="hidden" name="h1" /><br />

<input name="a2" type="radio" onclick="deshabilitar(this)" value="1"/>
<input name="a2" type="radio" onclick="deshabilitar(this)" value="2"/>
<input name="a2" type="radio" onclick="deshabilitar(this)" value="3"/>
<input name="a2" type="radio" onclick="deshabilitar(this)" value="4"/>
<input name="a2" type="radio" onclick="deshabilitar(this)" value="5"/>
<input type="hidden" name="h2" /><br />

<input name="a3" type="radio" onclick="deshabilitar(this)" value="1"/>
<input name="a3" type="radio" onclick="deshabilitar(this)" value="2"/>
<input name="a3" type="radio" onclick="deshabilitar(this)" value="3"/>
<input name="a3" type="radio" onclick="deshabilitar(this)" value="4"/>
<input name="a3" type="radio" onclick="deshabilitar(this)" value="5"/>
<input type="hidden" name="h3" /><br />
</form>
</body>
</html>

Saludos,

davidonet · #5 (**permalink**) 05/01/2007, 03:02

Muchas Gracias, funciona casi perfectamente, el problema es que no hay manera de resetearlo, en firefox ni recargando la página. A ver si doy con ello, de resto está muy bien, Gracias de nuevo

davidonet · #6 (**permalink**) 05/01/2007, 03:51

Bueno lo he resuelto con esta función.

function habilitartodo(){
numRadios = 3;
for (i=1; i<numRadios+1; i++) {
for (j=0; rad=document.getElementsByName('a'+i)[j]; j++)
rad.disabled = false;
}
}

Gracias JavierB