Ver Mensaje Individual
  #11 (permalink)  
Antiguo 10/09/2012, 14:04
julidiablo
 
Fecha de Ingreso: octubre-2011
Ubicación: Argentina
Mensajes: 14
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: Poner o quitar class según input radio seleccionado.

El de Dradi7 funciona perfecto. Pero omití un detalle, son 19 grupos de 13 radio. Quizás se podría hacer un bucle dentro de otro, pero no se me ocurre como realizarlo. (Ya ahora sí, eso sería lo último por decir. Ya que el script estaría "finalizado" con esto)

Código Javascript:
Ver original
  1. for(i = 1; i <= 19; i++)
  2. {
  3.     for(p = 1; p <= 13; p++)
  4.     {

Dejo todo el script (con 3 grupos) así lo pueden comprobar en su navegador a lo que me refiero:

Código HTML:
Ver original
  1. .bonus
  2. {
  3.     background: #CCC;
  4.     padding: 5px 10px 7px;
  5.     margin: 5px;
  6. }
  7.  
  8. function cambiarClass(id)
  9. {
  10.     var i
  11.     var temp = id.indexOf("f1") == -1 ? "c_f2_p" : "c_f1_p";
  12.     for(i = 1; i <= 13; i++)
  13.     {
  14.         var mod = temp + i;
  15.         if(mod == id)
  16.         {
  17.             document.getElementById(mod).className = 'bonus';
  18.         }
  19.         else
  20.         {
  21.             document.getElementById(mod).className = '';
  22.         }
  23.     }
  24. }
  25.  
  26. Grupo 1:
  27. <div id="c_f1_p1" >
  28.     <input name="r_f1" type="radio" onClick="cambiarClass('c_f1_p1')"/>
  29. </div>
  30. <div id="c_f1_p2">
  31.     <input name="r_f1" type="radio" onClick="cambiarClass('c_f1_p2')"/>
  32. </div>
  33. <div id="c_f1_p3">
  34.     <input name="r_f1" type="radio" onClick="cambiarClass('c_f1_p3')"/>
  35. </div>
  36.  
  37. <br/><br/>
  38.  
  39. Grupo 2:
  40. <div id="c_f2_p1" >
  41.     <input name="r_f2" type="radio" onClick="cambiarClass('c_f2_p1')"/>
  42. </div>
  43. <div id="c_f2_p2">
  44.     <input name="r_f2" type="radio" onClick="cambiarClass('c_f2_p2')"/>
  45. </div>
  46. <div id="c_f2_p3">
  47.     <input name="r_f2" type="radio" onClick="cambiarClass('c_f2_p3')"/>
  48. </div>
  49.  
  50. <br/><br/>
  51.  
  52. Grupo 3:
  53. <div id="c_f3_p1" >
  54.     <input name="r_f3" type="radio" onClick="cambiarClass('c_f3_p1')"/>
  55. </div>
  56. <div id="c_f3_p2">
  57.     <input name="r_f3" type="radio" onClick="cambiarClass('c_f3_p2')"/>
  58. </div>
  59. <div id="c_f3_p3">
  60.     <input name="r_f3" type="radio" onClick="cambiarClass('c_f3_p3')"/>
  61. </div>

Así son 19 grupos de 13 opciones.

El de PIRRUMAN no me funciona.

Gracias a todos por comentar, disculpen por ser tan molesto.