Poner el total en formato de moneda

pepeart01 · #1 (**permalink**) 26/07/2010, 10:18

Hola a todos tengo el siguiente problema estoy realizando un sistema de cotizador si el checkbox seleccionado sume y si es deseleccionado reste la cantidad esta parte ya le tengo realizada pero el total lo necesito con separador de miles e intentado de varias formas pero no le doy al formato espero alguien me pueda ayudar a solucionarlo de antemano gracias por su atención. Les dejo el script.

<html xmlns="http://www.w3.org/1999/xhtml">
<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;
}

</script>
</head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<form name=formulario>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(1000.98); else restar(1000.98)" value="checkbox">$1,000.98<br>
<input name="checkbox" type="checkbox" onClick="if (this.checked) sumar(2000.50); else restar(2000.50)" value="checkbox">$2,000.50<br>
<input type="text" name="total" value="0">
</form>
</body>
</html>

Adler · #2 (**permalink**) 26/07/2010, 13:12

Hola

Aquí tienes dos maneras. Te recomienda la segunda ya que la primera tiene carencias

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
var valor = Math.round(1750000000*Math.random())+50000;
var cadena = valor.toString().split("").reverse().join("");
var patron = /\d{3}/g;
num = cadena.replace(patron, function(encaja){return encaja+'.';});
document.write('Esta primera manera no funciona si la cantidad de d&iacute;gitos del n&uacute;mero es multiplo de 3<br/>')
document.write(num.toString().split("").reverse().join("")+ '<br/>')
 
 
 
for (var z = cadena.length; z >=0; z--) {
numero = cadena.charAt(z)
if ((cadena.length >= 4 && z ==3 ) || (cadena.length >= 7 && z ==6 ) || (cadena.length >= 10 && z == 9 ) || (cadena.length >= 13 && z ==12 ) || (cadena.length >= 16 && z ==15 )) {
numero +=  ".";
}
document.write(numero);
}
</script>
</head>
<body>
</body>
</html>

Suerte

pepeart01 · #3 (**permalink**) 26/07/2010, 14:12

Gracias por tu respuesta, al aplicar cualquiera de las dos opciones no me realiza la suma NaN sabras el porque? añadi el script entre la etiqueta head.

Adler · #4 (**permalink**) 26/07/2010, 15:05

Hola
Veamos así

Código Javascript:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
var total=0;
function operaciones(bol, valor) {
if (bol) {
total += valor;
 
} else {
total-=valor;
}
 
var entero = '';
 
Entero_Decimal = total.toString().split('.');
 
cadena = Entero_Decimal[0].split('').reverse().join('');
 
for (var z = cadena.length; z >=0; z--) {
numero = cadena.charAt(z)
if ((cadena.length >= 4 && z ==3 ) || (cadena.length >= 7 && z ==6 ) || (cadena.length >= 10 && z == 9 ) || (cadena.length >= 13 && z ==12 ) || (cadena.length >= 16 && z ==15 )) {
numero +=  ".";
}
 
entero += numero;
}
 
if(Entero_Decimal[1]) {decimales = ','+ Entero_Decimal[1];}else{decimales='';}
 
document.formulario.total.value=entero + decimales;
 
}
 
 
 
</script>
</head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&#237;tulo</title>
</head>
 
<body>
<form name=formulario>
<input name="checkbox" type="checkbox" onClick="operaciones(this.checked,1000.98)" value="checkbox">$1,000.98<br>
<input name="checkbox" type="checkbox" onClick="operaciones(this.checked,2000.50)" value="checkbox">$2,000.50<br>
<input type="text" name="total" value="0">
</form>
</body>
</html>

Suerte

pepeart01 · #5 (**permalink**) 26/07/2010, 15:38

funciona excelentemente muchas gracias por la ayuda te devo una