Ver Mensaje Individual
  #2 (permalink)  
Antiguo 09/06/2010, 04:34
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años, 1 mes
Puntos: 126
Respuesta: Validar Radiobuttom.

Hola

Prueba esto y adaptalo a lo que ocupa

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function valores() {
  5. var elemArr = new Array();
  6. var texto = "<div style='background-color:#EEEEEE;border: 1px solid #C9C9C9;border-width: 1px 1px 1px 1px;'>Tus datos son";
  7. var divTexto = document.getElementById('resultado');
  8.  
  9. var elemInput = document.getElementById('formulario').getElementsByTagName('label');
  10.     for(var i = 0; i < elemInput.length; i++){
  11.         var elem = elemInput[i].getElementsByTagName('input');
  12.         for(var j = 0; j < elem.length; j++){
  13.  
  14.             if(elem[j].checked){
  15.             texto  += "<li>" + elem[j].value +  "</li>";
  16. elemArr.push(elem[j].value);
  17.             }
  18.         }
  19.     }
  20.  
  21. if (elemArr.length < 2) {
  22. alert("Has seleccionar las opciones")
  23. } else {
  24. alert ("El arreglo es: " + elemArr);
  25. divTexto.innerHTML = texto + "</ul></div>";
  26. }
  27. }
  28. </script>
  29. </head>
  30. <body>
  31. <div id="resultado"></div>
  32. <form id="formulario">
  33. <label for="sx">
  34. Sexo<br />
  35. Hombre <input name="sx[]" id="sx[]" type="radio" value="hombre" /><br />
  36. Mujer <input name="sx[]" id="sx[]" type="radio" value="mujer" /><br />
  37. </label>
  38. <label for="ec">
  39. Estado Civil<br />
  40. Casado <input name="ec[]" id="ec[]" type="radio" value="casado" /><br />
  41. Soltero <input name="ec[]" id="ec[]" type="radio" value="soltero" /><br />
  42. </label>
  43. <button onclick="valores();return false;" >Ver Datos</button>
  44. </form>
  45. </body>
  46. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />