deshabilitar radiobuttons dependiendo numero

Azrael · #1 (**permalink**) 22/09/2008, 11:19

Hola tengo una pregunta en la cual evalua el gusto culinario de un usuario tengo un listado de comidas y a lado de la comidad una serie de radiobuttons que van del 1 al 10 y el usuario va a calificar del 1 al 10 cual le gusta mas

Italiana 1 2 3 4 5 6 7 8 9 10
Mexicana 1 2 3 4 5 6 7 8 9 10
Japonesa 1 2 3 4 5 6 7 8 9 10
China 1 2 3 4 5 6 7 8 9 10
Americana 1 2 3 4 5 6 7 8 9 10

lo que necesito realmente es que si el usuario en la comida italiana lo califico como 9, las demas comidas se deshabiliten los numero 9.

si el usuario califico la comida mexicana como 5, en el resto de los radio con numero 5 de las demas comidas se deshabiliten, en pocas palabras que si ya seleccionaron un valor en una, no permitir que se repita ese valor, gracias este es mi codigo:

Código:

<body>

<table>

Enumera del 1 al 10 en grado de importancia 1 como el mayor y 10 como el menor de tus gustos de los siguientes tipos de comida:
        <input name="id_pregunta29" type="hidden" id="id_pregunta29" value="21" />
        <input name="dueno29" type="hidden" id="dueno29" value="c" />
      </strong></td>
    </tr>
    <tr>
      <td width="58">Mexicana</td>
      <td colspan="3" bgcolor="#CCCCCC">1
        <input type="radio" name="mexicana" id="radio" value="1" />
2
<input type="radio" name="mexicana" id="radio2" value="2" />
3
<input type="radio" name="mexicana" id="radio3" value="3" />
4
<input type="radio" name="mexicana" id="radio4" value="4" />
5
<input type="radio" name="mexicana" id="radio5" value="5" />
6
<input type="radio" name="mexicana" id="radio6" value="6" />
7
<input type="radio" name="mexicana" id="radio7" value="7" />
8
<input type="radio" name="mexicana" id="radio8" value="8" />
9
<input type="radio" name="mexicana" id="radio9" value="9" />
10
<input type="radio" name="mexicana" id="radio10" value="10" /></td>
    </tr>
    <tr>
      <td>Italiana</td>
      <td colspan="3">1
        <input type="radio" name="italiana" id="radio11" value="1" />
2
<input type="radio" name="italiana" id="radio12" value="2" />
3
<input type="radio" name="italiana" id="radio13" value="3" />
4
<input type="radio" name="italiana" id="radio14" value="4" />
5
<input type="radio" name="italiana" id="radio15" value="5" />
6
<input type="radio" name="italiana" id="radio16" value="6" />
7
<input type="radio" name="italiana" id="radio17" value="7" />
8
<input type="radio" name="italiana" id="radio18" value="8" />
9
<input type="radio" name="italiana" id="radio19" value="9" />
10
<input type="radio" name="italiana" id="radio20" value="10" /></td>
    </tr>
    <tr>
      <td>Japonesa</td>
      <td colspan="3" bgcolor="#CCCCCC">1
        <input type="radio" name="japonesa" id="radio21" value="1" />
2
<input type="radio" name="japonesa" id="radio22" value="2" />
3
<input type="radio" name="japonesa" id="radio23" value="3" />
4
<input type="radio" name="japonesa" id="radio24" value="4" />
5
<input type="radio" name="japonesa" id="radio25" value="5" />
6
<input type="radio" name="japonesa" id="radio26" value="6" />
7
<input type="radio" name="japonesa" id="radio27" value="7" />
8
<input type="radio" name="japonesa" id="radio28" value="8" />
9
<input type="radio" name="japonesa" id="radio29" value="9" />
10
<input type="radio" name="japonesa" id="radio30" value="10" /></td>
    </tr>
    <tr>
      <td>China</td>
      <td colspan="3">1
        <input type="radio" name="china" id="radio31" value="1" />
2
<input type="radio" name="china" id="radio32" value="2" />
3
<input type="radio" name="china" id="radio33" value="3" />
4
<input type="radio" name="china" id="radio34" value="4" />
5
<input type="radio" name="china" id="radio35" value="5" />
6
<input type="radio" name="china" id="radio36" value="6" />
7
<input type="radio" name="china" id="radio37" value="7" />
8
<input type="radio" name="china" id="radio38" value="8" />
9
<input type="radio" name="china" id="radio39" value="9" />
10
<input type="radio" name="china" id="radio40" value="10" /></td>
    </tr>
    <tr>
      <td>Americana</td>
      <td colspan="3" bgcolor="#CCCCCC">1
        <input type="radio" name="americana" id="radio41" value="1" />
2
<input type="radio" name="americana" id="radio42" value="2" />
3
<input type="radio" name="americana" id="radio43" value="3" />
4
<input type="radio" name="americana" id="radio44" value="4" />
5
<input type="radio" name="americana" id="radio45" value="5" />
6
<input type="radio" name="americana" id="radio46" value="6" />
7
<input type="radio" name="americana" id="radio47" value="7" />
8
<input type="radio" name="americana" id="radio48" value="8" />
9
<input type="radio" name="americana" id="radio49" value="9" />
10
<input type="radio" name="americana" id="radio50" value="10" /></td>
    </tr>
    <tr>
      <td>Mediterranea</td>
      <td colspan="3">1
        <input type="radio" name="mediterranea" id="radio51" value="1" />
2
<input type="radio" name="mediterranea" id="radio52" value="2" />
3
<input type="radio" name="mediterranea" id="radio53" value="3" />
4
<input type="radio" name="mediterranea" id="radio54" value="4" />
5
<input type="radio" name="mediterranea" id="radio55" value="5" />
6
<input type="radio" name="mediterranea" id="radio56" value="6" />
7
<input type="radio" name="mediterranea" id="radio57" value="7" />
8
<input type="radio" name="mediterranea" id="radio58" value="8" />
9
<input type="radio" name="mediterranea" id="radio59" value="9" />
10
<input type="radio" name="mediterranea" id="radio60" value="10" /></td>
    </tr>
    <tr>
      <td>Fusi&oacute;n</td>
      <td colspan="3" bgcolor="#CCCCCC">1
        <input type="radio" name="japonesa1" id="radio61" value="1" />
2
<input type="radio" name="japonesa1" id="radio62" value="2" />
3
<input type="radio" name="japonesa1" id="radio63" value="3" />
4
<input type="radio" name="japonesa1" id="radio64" value="4" />
5
<input type="radio" name="japonesa1" id="radio65" value="5" />
6
<input type="radio" name="japonesa1" id="radio66" value="6" />
7
<input type="radio" name="japonesa1" id="radio67" value="7" />
8
<input type="radio" name="japonesa1" id="radio68" value="8" />
9
<input type="radio" name="japonesa1" id="radio69" value="9" />
10
<input type="radio" name="japonesa1" id="radio70" value="10" /></td>
    </tr>
    <tr>
      <td>Argentina</td>
      <td colspan="3">1
        <input type="radio" name="argentina" id="radio71" value="1" />
2
<input type="radio" name="argentina" id="radio72" value="2" />
3
<input type="radio" name="argentina" id="radio73" value="3" />
4
<input type="radio" name="argentina" id="radio74" value="4" />
5
<input type="radio" name="argentina" id="radio75" value="5" />
6
<input type="radio" name="argentina" id="radio76" value="6" />
7
<input type="radio" name="argentina" id="radio77" value="7" />
8
<input type="radio" name="argentina" id="radio78" value="8" />
9
<input type="radio" name="argentina" id="radio79" value="9" />
10
<input type="radio" name="argentina" id="radio80" value="10" /></td>
    </tr>
    <tr>
      <td>Espa&ntilde;ola</td>
      <td colspan="3" bgcolor="#CCCCCC">1
        <input type="radio" name="espanola" id="radio81" value="1" />
2
<input type="radio" name="espanola" id="radio82" value="2" />
3
<input type="radio" name="espanola" id="radio83" value="3" />
4
<input type="radio" name="espanola" id="radio84" value="4" />
5
<input type="radio" name="espanola" id="radio85" value="5" />
6
<input type="radio" name="espanola" id="radio86" value="6" />
7
<input type="radio" name="espanola" id="radio87" value="7" />
8
<input type="radio" name="espanola" id="radio88" value="8" />
9
<input type="radio" name="espanola" id="radio89" value="9" />
10
<input type="radio" name="espanola" id="radio90" value="10" /></td>
    </tr>
    <tr>
      <td>Vegetariana</td>
      <td colspan="3">1
        <input type="radio" name="vegetariana" id="radio91" value="1" />
2
<input type="radio" name="vegetariana" id="radio92" value="2" />
3
<input type="radio" name="vegetariana" id="radio93" value="3" />
4
<input type="radio" name="vegetariana" id="radio94" value="4" />
5
<input type="radio" name="vegetariana" id="radio95" value="5" />
6
<input type="radio" name="vegetariana" id="radio96" value="6" />
7
<input type="radio" name="vegetariana" id="radio97" value="7" />
8
<input type="radio" name="vegetariana" id="radio98" value="8" />
9
<input type="radio" name="vegetariana" id="radio99" value="9" />
10
<input type="radio" name="vegetariana" id="radio100" value="10" /></td>
    </tr>
    <tr>
      <td colspan="4"><div align="center"></div></td>
    </tr>
    <tr>
      <td colspan="2">&nbsp;</td>
      <td>&nbsp;</td>
      <td><input type="submit" name="button" id="button" value="Insertar" /></td>
    </tr>
  </table>
</body>

JavierB · #2 (**permalink**) 22/09/2008, 12:24

Hola Azrael

Te pongo un ejemplo. No está del todo completo, pero puede servirte de ayuda:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function deshabilita(obj) {
  ita = document.getElementById('italia');
  esp = document.getElementById('espana');
  padre = obj.parentNode;
  num = obj.value-1;
  otro = (padre==ita) ? esp : ita;
  otro.getElementsByTagName('input')[num].disabled = true;
}
</script>
</head>
<body>
<div id="italia">
<input type="radio" name="it" value="1" onclick="deshabilita(this)" />
<input type="radio" name="it" value="2"  onclick="deshabilita(this)" />
<input type="radio" name="it" value="3"  onclick="deshabilita(this)" />
</div>
<div id="espana">
<input type="radio" name="es"  value="1" onclick="deshabilita(this)" />
<input type="radio" name="es"  value="2" onclick="deshabilita(this)" />
<input type="radio" name="es"  value="3" onclick="deshabilita(this)" />
</div>
</body>
</html>

Saludos,