Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/03/2011, 08:09
quimfv
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: Sumar un total con checkbox y radio

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <title>Documento sin t&iacute;tulo</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. var radio_1=false;
  5. var radio_2=false;
  6.  
  7. function CheckunCheck(obj){
  8. var checked=false;
  9. switch (obj.id){
  10. case "radio_1":
  11.     radio_1=!radio_1;
  12.     checked=radio_1;
  13. break;
  14. case "radio_2":
  15.     radio_2=!radio_2;
  16.     checked=radio_2;
  17. break;
  18. }
  19. obj.checked=checked;
  20. }
  21. function Suma(isChecked, myValue)
  22. {
  23.     tot = parseInt(document.form1.total.value);
  24.     myValue = parseInt(myValue);
  25.     if (isChecked.checked) document.form1.total.value = tot + myValue;
  26.     else document.form1.total.value = tot - myValue;
  27. }
  28. </head>
  29.  
  30. <form method="post" name="form1">
  31.     <p>
  32.         Motor</p>
  33.     <p>
  34.         &nbsp;&nbsp; &nbsp; Motor 1<input name="radio_1" id="radio_1" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="100" /></p>
  35.     <p>
  36.         &nbsp;&nbsp; &nbsp; Motor 2<input name="radio_2" id="radio_2" onclick="CheckunCheck(this);Suma(this,this.value)" type="radio" value="50" /></p>
  37.     <p>
  38.         <strong>Extra</strong></p>
  39.     <p>
  40.         &nbsp;&nbsp; &nbsp;Extra 1<input name="chec_1" id="chec_1" onclick="Suma(this,this.value)" type="checkbox" value="500" /></p>
  41.     <p>
  42.         &nbsp;</p>
  43.     <p>
  44.         Total<input name="total" type="text" value="0" /></p>
  45. </form>
  46. </body>
  47. </html>

Ahi lo tienes, pero vaya perdida de tiempo pudiendo lo hacer con checkbox.
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.