Ver Mensaje Individual
  #4 (permalink)  
Antiguo 11/05/2012, 11:01
Avatar de stramin
stramin
 
Fecha de Ingreso: marzo-2008
Ubicación: Cubil felino
Mensajes: 1.652
Antigüedad: 16 años, 2 meses
Puntos: 336
Respuesta: Validar imput tipo radio

Eso lo haces con javascript

Lo primero es que debes ponerle ID a todos los checkbox

Esto serìa para los radio superiores, fijate que tambien he agregado una funcion al cambiarlos
<input name="sino6" type="radio" value="SI" id="si6" onchange="test();"> SI
<input name="sino6" type="radio" value="NO" id="no6" onchange="test();"> NO
--------
esto sería para los ultimos
<input name="aprobado" type="radio"value="SI" id="apsi"> SI
<input name="aprobado" type="radio"value="NO" id="apno" > NO

esta sería la funcion:

Código Javascript:
Ver original
  1. <script>
  2. function test(){
  3. var si=1; // creo 2 variables que comienzan en 1
  4. var no=1;
  5. for(f=1;f<=6;f++){
  6. if(document.getElementById('si'+f).checked==false) si=0; // si al menos uno no está marcado queda en 0
  7. if(document.getElementById('no'+f).checked==false) no=0; // si al menos uno no está marcado queda en 0
  8. }
  9. if(si) document.getElementById('apsi').checked=true;
  10. else document.getElementById('apsi').checked=false;
  11. if(no) document.getElementById('apno').checked=true;
  12. else document.getElementById('apno').checked=false;
  13. }
  14. </script>

no la he probado
-------------------------
aquí está completo y probado:
Código Javascript:
Ver original
  1. <p>
  2. <input name="sino1" type="radio" value="SI" id="si1" onchange="test();"> SI
  3. <input name="sino1" type="radio" value="NO" id="no1" onchange="test();"> NO
  4. </p>
  5. <p>
  6. <input name="sino2" type="radio" value="SI" id="si2" onchange="test();"> SI
  7. <input name="sino2" type="radio" value="NO" id="no2" onchange="test();"> NO
  8. </p>
  9. <p>
  10. <input name="sino3" type="radio" value="SI" id="si3" onchange="test();"> SI
  11. <input name="sino3" type="radio" value="NO" id="no3" onchange="test();"> NO
  12. </p>
  13. <p>
  14. <input name="sino4" type="radio" value="SI" id="si4" onchange="test();"> SI
  15. <input name="sino4" type="radio" value="NO" id="no4" onchange="test();"> NO
  16. </p>
  17. <p>
  18. <input name="sino5" type="radio" value="SI" id="si5" onchange="test();"> SI
  19. <input name="sino5" type="radio" value="NO" id="no5" onchange="test();"> NO
  20. </p>
  21. <p>
  22. <input name="sino6" type="radio" value="SI" id="si6" onchange="test();"> SI
  23. <input name="sino6" type="radio" value="NO" id="no6" onchange="test();"> NO
  24. </p>
  25. --------
  26. <p>
  27. <input name="aprobado" type="radio"value="SI" id="apsi"> SI
  28. <input name="aprobado" type="radio"value="NO" id="apno" > NO
  29. </p>
  30. <script>
  31. function test(){
  32. var si=1; // creo 2 variables que comienzan en 1
  33. var no=1;
  34. for(f=1;f<=6;f++){
  35. if(document.getElementById('si'+f).checked==false) si=0; // si al menos uno no está marcado queda en 0
  36. if(document.getElementById('no'+f).checked==false) no=0; // si al menos uno no está marcado queda en 0
  37. }
  38. if(si) document.getElementById('apsi').checked=true;
  39. else document.getElementById('apsi').checked=false;
  40. if(no) document.getElementById('apno').checked=true;
  41. else document.getElementById('apno').checked=false;
  42. }
  43. </script>
__________________
El objetivo de este foro es orientar al usuario como un favor y no como una obligación.

Yo soy de los que dan puntos por aporte :D

Última edición por stramin; 11/05/2012 a las 11:06 Razón: Probado!