Script ayuda

Tengo este script y necesito agregar un campo para que el usuario intriduzco un numero con el fin de que el resultado de la suma de los dos checkbox sea multiplicado por este numero y que al resultado de la multipliacion se le sume un valor "x" que sera introducido también por el usuario
<html>
<head>
<script> 
var total=0; 
function sumar(valor) { 
total += valor;  
document.formulario.total.value=total; 
} 
function restar(valor) { 
total-=valor;  
document.formulario.total.value=total; 
} 
function restar(valor) { 
total-=valor;  
document.formulario.total.value=total; 
} 
</script>
</head>
<body>
<form name=formulario>
<p> 
    <input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(1000); else restar(1000)" value="checkbox"> 
    $1<br> 
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(2000); else restar(2000)" value="checkbox">$2<br> 
<input type="text" name="total" value="0"> 
  </p>
<p> </p>
</form> 
</body>
</html>

3 Respuestas

Respuesta
tengo una duda ccon tu pregunta ya que mencionas algo sobre un cantidad x--->
"que al resultado de la multipliacion se le sume un valor "x" que sera introducido también por el usuario"
En donde lo va a introducir. Ya que en código que me muestras solo veo 2 checkbox y un textbox el cual llamas total, y se encarga de mostrar resultados.
¿Te falto poner un textbox? O como vas a introducir ese valor.
El código que te envíe es solo la parte de la suma de los checkbox el formulario completo debería quedar así
(checkbox1)$1  
(checkbox1)$2 
resultado de la suma(tiempo real) 
 (________) 
cantidad a multiplicar 
(________)valor ingresado por usuario 
total multipliacion 
(________) 
suma adicional 
(________) dato ingresado por usuario 
valor final 
(________) 
Todo esto conforme se va digitando va apareciendo, creo que para que sea en tiempo real se usa solo las funciones on(onmouse, onchange ud las conoces mejor que yo )
Bueno aquí tienes un ejemplo de lo que deseas hacer:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">
function check1(dato)
 {
 var div=document.getElementById("cam").innerHTML;
if(div == "")
 {
    Crear(dato); 
 }
else
 {
    var textbox = document.getElementById('textbox');
textboxV = textbox.value;
var resultado = parseInt(textboxV) + dato;
//alert(textbox);
//alert(dato);
textbox.value = resultado;
 }    
 }
function Crear(valor)
 { 
   var buscar = document.getElementById('cam');
   var container = document.createElement('div');
   container.id = 'container';
   buscar.appendChild(container);
   element = document.createElement('input');
   element.name = 'element';
   element.id = 'textbox';
   element.value = valor;
   element.onclick = function() {
   this.parentNode.removeChild(this); // se elimina a sí mismo
    }
 container.appendChild(element);
    }
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
<input type="checkbox" name="checkbox" value="checkbox" onclick="check1(1)"/>
    $1
  <input type="checkbox" name="checkbox2" value="checkbox" onclick="check1(2)"/>
    $2
<div id="cam" name="cam"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">function check1(dato) { var div=document.getElementById("cam").innerHTML;if(div == "")  {     Crear(dato);   }else  {     var textbox = document.getElementById('textbox'); textboxV = textbox.value; var resultado = parseInt(textboxV) + dato; //alert(textbox); //alert(dato); textbox.value = resultado;  }     }function Crear(valor) {    var buscar = document.getElementById('cam');   var container = document.createElement('div');   container.id = 'container';   buscar.appendChild(container);   element = document.createElement('input');   element.name = 'element';   element.id = 'textbox';   element.value = valor;   element.onclick = function() {   this.parentNode.removeChild(this); // se elimina a sí mismo    }  container.appendChild(element);    }</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
<input type="checkbox" name="checkbox" value="checkbox" onclick="check1(1)"/>    $1  <input type="checkbox" name="checkbox2" value="checkbox" onclick="check1(2)"/>    $2
<div id="cam" name="cam"></div>
</body>
</html>
Creo que contesto ya lo puedes seguir tu solo.
Si tienes otra duda puedes preguntar.
Respuesta
1
¿Y hasta ahora que hace tu script? ¿Es decir por que usas el onclick? Dices que la suma de los checkbox, ¿pero cuánto valen los checkbox?
Por que usas dos function restar()?
Saludos dale mas orden al codigo
deberias usar otro input text: <input type="text" name="x" value="0"> el cual en tu function lo multiplicas
function sumar(valor) { 
total= valor *document.formulario.total.value;  
document.formulario.total.value=total; 
}
Lo siento es que se me fue un pedazo de script que esta taratando de modificar
Es así
<html>
<head>
<script>
var total=0;
var grupo=1;
function sumar(valor) {
total += valor; 
document.formulario.total.value=total;
}
function restar(valor) {
total-=valor; 
document.formulario.total.value=total;
}
function multiplicar(valor) {
grupo*=valor; 
document.formulario.grupo.value=grupo;
}
</script>
</head>
<body>
<form name=formulario>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="checkbox">$1<br>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(2); else restar(2)" value="checkbox">$2<br>
<input type="text" name="total" value="0">
</form>
</body>
</html>
<html>
<head>
<script>var total=0;var grupo=1;
function sumar(valor) {total += valor; document.formulario.total.value=total;}
function restar(valor) {total-=valor; document.formulario.total.value=total;}
function multiplicar(valor) {grupo*=valor; document.formulario.grupo.value=grupo;}
</script>
</head>
<body>
<form name=formulario><input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="checkbox">$1<br><input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(2); else restar(2)" value="checkbox">$2<br><input type="text" name="total" value="0">
</form>
</body>
</html>
este script te m,uestra en una caja de texto el valor de loq ue has selecionado segun los check box , el primer checkbox tiene valor 1 y el segundo 2, si se selecion se suma si se deselecion se resta ,  pero no se como multiplicar el valor que me da de resultado de la suma de checkbox por un valor que introduzca el usuario
Mmuy facil amigo
Agregas el text de multiplicar en tu form:
<input type="text" name="multiplicar" value="">
creas tu función de multiplicar
function multiplicar(valor) {
total= document.formulario.total.value * valor; 
document.formulario.multiplicar.value=total;
}
y a tus funciones de restar y sumar les agregas la llamada a multiplicar:
function sumar(valor) {
total += valor; 
document.formulario.total.value=total;
multiplicar(document.formulario.multiplicar.value);
}
function restar(valor) {
total-=valor; 
document.formulario.total.value=total;
multiplicar(document.formulario.multiplicar.value);
}
No me hace la multipliacion, ya agregue la función y agrega la llamada a multiplicar pero no multiplica y no me deja hacer la suma ahora, cuando selección un check box no muestra su valor en el campo de texto
Pon el código amigo como quedo con lo que te dije
Ya lo hice kedaria así
<html>
<head>
<script>
function multiplicar(valor) { 
total= document.formulario.total.value * valor;  
document.formulario.multiplicar.value=total; 
} 
function sumar(valor) { 
total += valor;  
document.formulario.total.value=total; 
multiplicar(document.formulario.multiplicar.value); 
} 
function restar(valor) { 
total-=valor;  
document.formulario.total.value=total; 
multiplicar(document.formulario.multiplicar.value); 
}
</script>
</head>
<body>
<form name=formulario>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="checkbox">$1<br>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(2); else restar(2)" value="checkbox">$2<br>
<input type="text" name="total" value="0">
<input type="text" name="multiplicar" value=""> 
</form>
</body>
</html>
<html>
<head>
<script>
function multiplicar(valor) { total= document.formulario.total.value * valor;  document.formulario.multiplicar.value=total; } 
function sumar(valor) { total += valor;  document.formulario.total.value=total; multiplicar(document.formulario.multiplicar.value); } function restar(valor) { total-=valor;  document.formulario.total.value=total; multiplicar(document.formulario.multiplicar.value); }
</script>
</head>
<body>
<form name=formulario><input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="checkbox">$1<br><input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(2); else restar(2)" value="checkbox">$2<br><input type="text" name="total" value="0"><input type="text" name="multiplicar" value=""> </form>
</body>
</html>
Pero ahora no me suam, recuerda que debe sumar y multiplicar en tiempo real
la idea es que se vea algo así
(checkbox1)$1 
(checkbox1)$2
resultado de la suma(tiempo real)
 (________)
cantidad a multiplicar
(________)valor ingresado por usuario
Total multipliacion
(________)
Suma adicional
(________) dato ingresado por usuario
Valor final
(________)
Todo esto conforme se va digitando va apareciendo, tal vez yo sea muy torpe para esto pero no logro entender nada
lamento tanta preguntadera y disulpeme si lo estoy incomodando ^^
No se porque se repite cuando pego el código a la aclaración, lo siento
AMIGO Ya probé tu código funciona a la perfección solo debes modificar al iniciar el tag de script por:
<script type="text/javascript">
agregale el type
Lo probé así:
<html>
<head>
<script type="text/javascript">
function multiplicar(valor) {
total= document.formulario.total.value * valor;  
document.formulario.multiplicar.value=total;
}
function sumar(valor) {  
var total
total=0;
total = total+valor;  
document.formulario.total.value=total;
multiplicar(document.formulario.multiplicar.value);
}
function restar(valor) {
var total
total=0;
total=total-valor;  
document.formulario.total.value=total;
multiplicar(document.formulario.multiplicar.value);
}
</script>
</head>
<body>
<form name=formulario>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="checkbox">$1<br>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(2); else restar(2)" value="checkbox">$2<br>
<input type="text" name="total" value="0">
<input type="text" name="multiplicar" value="">
</form>
</body>
</html>
Sigue sin funcionarme, por favor escríbeme el código como lo tienes
Ya te lo envié amigo, en base a lo que has hecho puedes con un poco de análisis ordenar el código y jugar con el para que veas como funciona
Así comop lo planteas hace la suma pero si selección y deselecion el resultado de la multipliacion sigue progresivamente, la idea es que la suma la multiplique solo una vez por un numero introducido en un campo de texto por el usuario y mientras este introduce ese numero en un campo de texto aparte abajo va apareciendo el resultado de la multipliacion, y se cambia ese numero imedianta, ente cambiara el resultado,
Agrega el evento onchange="multiplicar(this.value)"
Al cuadro de texto, de esta forma cada vez que vayas modificando lo que se escribe, se efectuará la multiplicación dando la sensación de que se hace en tiempo real
¿Me podrías regalar el código con que lo hiciste funcionar?
¿Amigo buen día lograste resolver tu código?
Quedo así pero aun hay 2 cuestiones sin resolver
La primera si el valor es menod que 15 suma 50000 si es menor que 25 pero mayor que 15 suma 100000, como seria para los casos entre 25 y 35, 35 y 45, 45 y 55 y así sucesivamente hasta 100 y no logro hacer que en otra página cuando le de enviar me aparezca el nombre de las casillas seleccionadas y las cajas de valores como el numero que inserta la persona, el valor total, el valor por persona
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<head>
<script>
var total1=0;
function sumar(valor) {
total1 += valor;
document.formulario.total1.value=total1;
}
function restar(valor) {
total1-=valor;
document.formulario.total1.value=total1;
}
function multiplicarpor(valor){
total1 = total1 * parseInt(valor);
document.formulario.total2.value=total1;
 if (valor <= 15)
    {
        multi=50000;  
    }
    else if (valor > 15 && valor < 25 )
    {
        multi=100000;
    }
    else if (valor > 25 && valor < 35 )
    {
        multi=100000;
    }
    else if (valor > 35 && valor < 45 )
    {
        multi=100000;
    }
document.formulario.numcond.value=multi;
document.formulario.total3.value=total1+multi;
document.formulario.total4.value= document.formulario.total3.value / document.formulario.multiplicar.value
}
function sumaraltotal(valor) {
total = total + parseInt(valor);
document.formulario.total.value=total;
}
</script>
</head>
<body>
<form name="formulario" action="resultado.php" method="post">
<table width="435" border="1">
<tr>
<td width="64" height="62" background="touch/imagenes/catering/caprese.png"><input name="sumar5" type="checkbox" onclick="if (this.checked) sumar(7000); else restar(7000)" value="Sumar 7000" /></td>
<td width="70"><input name="sumar6" type="checkbox" onclick="if (this.checked) sumar(7000); else restar(7000)" value="Sumar 7000" />
      7000</td>
<td width="67"> </td>
<td width="58"> </td>
<td width="67"> </td>
<td width="69"> </td>
</tr>
<tr>
<td><input name="sumar11" type="checkbox" onclick="if (this.checked) sumar(13500); else restar(13500)" value="Sumar 13500" />
    13500</td>
<td><input name="sumar12" type="checkbox" onclick="if (this.checked) sumar(12500); else restar(12500)" value="Sumar 12500" />
    12500</td>
<td><input name="sumar7" type="checkbox" onclick="if (this.checked) sumar(23900); else restar(23900)" value="Sumar 23900" />
      23900</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input name="sumar8" type="checkbox" onclick="if (this.checked) sumar(5500); else restar(5500)" value="Sumar 5500" />
    5500</td>
<td><input name="sumar9" type="checkbox" onclick="if (this.checked) sumar(3500); else restar(3500)" value="Sumar 3500" />
    3500</td>
<td><input name="sumar10" type="checkbox" onclick="if (this.checked) sumar(3500); else restar(3500)" value="Sumar 3500" />
    3500</td>
<td><input name="sumar13" type="checkbox" onclick="if (this.checked) sumar(3500); else restar(3500)" value="Sumar 3500" />
    3500</td>
<td><input name="sumar14" type="checkbox" onclick="if (this.checked) sumar(6000); else restar(6000)" value="Sumar 6000" />
      6000</td>
<td> </td>
</tr>
<tr>
<td><input name="sumar15" type="checkbox" onclick="if (this.checked) sumar(2000); else restar(2000)" value="Sumar 2000" />
    2000</td>
<td><input name="sumar16" type="checkbox" onclick="if (this.checked) sumar(2600); else restar(2600)" value="Sumar 2600" />
    2600</td>
<td><input name="sumar17" type="checkbox" onclick="if (this.checked) sumar(16900); else restar(16900)" value="Sumar 16900" />
    16900</td>
<td><input name="sumar18" type="checkbox" onclick="if (this.checked) sumar(2200); else restar(2200)" value="Sumar 2200" />
    2200</td>
<td><input name="sumar19" type="checkbox" onclick="if (this.checked) sumar(10900); else restar(10900)" value="Sumar 10900" />
    10900</td>
<td><input name="sumar20" type="checkbox" onclick="if (this.checked) sumar(10900); else restar(10900)" value="Sumar 10900" />
      10900</td>
</tr>
<tr>
<td><input name="sumar23" type="checkbox" onclick="if (this.checked) sumar(7900); else restar(7900)" value="Sumar 7900" />
    7900</td>
<td><input name="sumar22" type="checkbox" onclick="if (this.checked) sumar(10900); else restar(10900)" value="Sumar 10900" />
    10900</td>
<td><input name="sumar21" type="checkbox" onclick="if (this.checked) sumar(16900); else restar(16900)" value="Sumar 16900" />
      16900</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p><br>
  <label for="total1">Suma de los Checkbox </label>
  <input type="text" name="total1" value="0"><br>
  <label for="multiplicar">numero de personas </label>
  <input onChange="multiplicarpor(this.value);" type="text" name="multiplicar" value="0"><br>
  <label for="total2">valor </label>
  <input type="text" name="total2" value="0"><br>
  <label for="numcond">servicio </label>
  <input type="text" name="numcond" value="0"><br>
  valor total
  <input type="text" name="total3" value="0"><br>
  <label for="total4">por persona</label>
  <input type="text" name="total4" value="0"><br>
</p>
<p> <input name="Enviar" type="submit" value="Enviar">
  <input type="reset" name="Reset" id="button" value="limpiar" />
</p>
</form>
</body>
</html>
Amigo la lógica de esto esta correcta:
if (valor <= 15)
    {
        multi=50000;  
    }
    else if (valor > 15 && valor < 25 )
    {
        multi=100000;
    }
    else if (valor > 25 && valor < 35 )
    {
        multi=100000;
    }
    else if (valor > 35 && valor < 45 )
    {
        multi=100000;
    }
Ni siquiera necesitas los ELSE IF, solo hazlo con puros IFS, no hay otra forma más rápida, puesto que son condiciones estrictas que tu necesitas esta bien hecho así solo quítales los ELSE IF no son necesarios,
Y sobre lo otro, tienes que enviar las variables con POST, ¿cómo lo tienes hecho es el resultado.php correcto?
Muchas gracias por su colaboración, una ultima cosita lo que pasa es que a este formulario cuando le doy restablecer al parecer aun mantiene las variables y cuando vuelvo y selecciono un checkbox la suma de este es el valor total más las checkbox es decir si el otla me dio 50000, y le doy reset form, selecciono otra checkbox y suma 51000, noempieza desde 0, ¿hay alguna forma de resetear por completo las variables?
Solo haz tu funcion reset, primero elimina los valores de las variables a cero y luego los textbox
function reset() {
total1=0;
valor=0;
.... y asi todas las variables que quieres borrar, asi como
document.formulario.total1.value=""; para limpiar los textbox
}
A por cierto prueba el script que planteas y veras que no funca, cuando se da un valor mayor que 25 en el num a multiplicar llas casillas de totales no funcionan
A por cierto la function reset ya la probé así y no me funciona hay alguna forma de que me cargue de nuevo la página de nuevo
Amigo por que dices que no funciona cuando es mayor a 25?, A mi me funciona perfectamente
para refrescar usa: <input type="button" onclick="location.reload()" value="refrescar">
Y el código de multiplicar
Lo deje así
function multiplicarpor(valor){
total1 = total1 * parseInt(valor);
document.formulario.total2.value=total1;
 if (valor <= 15)
    {
        multi=50000;  
    }
   if (valor > 15 && valor < 25 )
    {
        multi=100000;
    }
 if (valor > 25 && valor < 35 )
    {
        multi=200000;
    }
    if (valor > 35 && valor < 45 )
    {
        multi=300000;
    }
document.formulario.numcond.value=multi;
document.formulario.total3.value=total1+multi;
document.formulario.total4.value= document.formulario.total3.value / document.formulario.multiplicar.value
}
Respuesta
1
Siento de veras no poder ayudarte, pues no controlo sobre creación de páginas web en HTML, yo soy diseñador gráfico pero de programas de diseño. Lo siento.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Sumar o restar dependiendo de checkbox

Espero me puedas ayudar en lo siguiente : Tengo un form, en donde quiero hacer lo siguiente: Tengo 2 campos de texto en donde se ingresan valores... Ahora, tengo 2 checkbox.. Uno dice "suma", el otro "resta".. Lo que quiero hacer, es tener ahora 2...
1 respuesta

No me funciona a funcion multiplicar

Soy nuevo en este campo Tengo un problema con el siguiente codigo. La funcion multiplica solo se ejecuta para la primera fila, pero a medida que ingreso nuevas filas no se ejecuta los mismo me sucede con el combo box que esta en la columna de tipo de...
1 respuesta

Php formulario

Estoy intentando realizar un "proyecto" de una web ficticia sobre una tienda de música. Tengo un menú desplegable ya creado y una base de datos con los siguientes campos: Categoría, artista, disco, precio, fecha. Explico lo que queri conseguir con un...
6 respuestas

¿Cómo usar GetElementsById dentro de un form en javascript?

Tengo un código para calcular promedio de 6 números, pero al insertarlo a un formulario no me funciona, ¿Cómo hago para usarlo con un formulario? AYUDA! Aquí el código <script language="javascript"> function sumar(){ var a, total = 0; var elements =...
1 respuesta

Switch Case en Java Script

Espero que se encuentre muy bien saludos El motivo por el cual le escribo es porque tengo una función que suma totales, el problema que tengo es que si por ejemplo solo quiero sumar los totales que capture en por text y no en todos no me lo hace, la...
2 respuestas

Error en la multiplicacion de varias filas

Tengo un problema con el siguiente codigo. La funcion multiplica solo se ejecuta para la primera fila, pero a medida que ingreso nuevas filas no se ejecuta los mismo me sucede con el combo box que esta en la columna de tipo de gasto Necesito que me...
1 respuesta

Suma aleatoria de array

Disculpe una pregunta como le puede hacer para que el array para sumar que me construyo me sume valores aleatoriamenta por ejemplo si meto valores de la posición 0 a la 6 y de la 7 a la 10 dejo en blanco y después en la posición 11 meto otro valor se...
1 respuesta

Errores al multiplicar con decimales

Otra duda. Tengo este script, pero he detectado el siguiente fallo: que si pones números enteros funciona muy bien, pero en cuanto pones un numero con decimales (por ej. 2,3) no funciona. ¿Es qué javascript no soporta números con decimales? Si no,...
5 respuestas

Error en la resta de un array

Días o noches amigo carlito me da mucho gusto verlo de regreso bueno tengo una función que se supone debe de restar 3 valores y lo único que hace es cambiar el signo y suma los valores quisiera saber donde esta mi error saludos y gracias function...
1 respuesta

Insertar google maps en flash

Quisiera me ayudaras a insertar un mapa de "google maps" en mi web flash, de preferencia en AS 2.0 ya tengo el componente GMap, pero no tengo ni idea de como hacerlo funcionar.
1 respuesta