Hola a todos estoy realizando la suma de varios checkbox, el resultado se me presenta con varios decimales, y lo que quiero hacer es que solo se me presenten como maximo 2 decimales he intentado utilizar toFixed() pero no encuentro en que posición introducir la sentencia, les dejo el script espero me puedan ayudar.
<!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>
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;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:: Serie 1 3 puertas 120::.</title>
<style type="text/css">
<!--
.subtitulo {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333;
}
.texto {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.titulo { font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFF;
}
-->
</style>
</head>
<body>
<br />
<form name=formulario>
<table width="464" border="0" cellpadding="0" cellspacing="8">
<tr>
<td width="123" class="texto"> </td>
<td width="160" class="texto">Precio</td>
<td width="149"> </td>
</tr>
<tr>
<td class="subtitulo" style="font-size: 13px"> </td>
<td class="subtitulo" style="font-size: 13px">$ 2,665.25</td>
<td><input name="checkbox2" type="checkbox" onclick="operaciones(this.checked,2665.25)" value="checkbox" /></td>
</tr>
<tr>
<td class="subtitulo" style="font-size: 13px"> </td>
<td class="subtitulo" style="font-size: 13px"> $ 2,112.65</td>
<td><input name="checkbox" type="checkbox" onclick="operaciones(this.checked,2112.65)" value="checkbox" /></td>
</tr>
<tr>
<td class="subtitulo" style="font-size: 13px"> </td>
<td class="subtitulo" style="font-size: 13px">$ 1,222.12</td>
<td><input name="checkbox3" type="checkbox" onclick="operaciones(this.checked,1222.12)" value="checkbox" /></td>
</tr>
<tr>
<td class="subtitulo" style="font-size: 13px"> </td>
<td class="subtitulo" style="font-size: 13px">$ 5,541.91</td>
<td><input name="checkbox4" type="checkbox" onclick="operaciones(this.checked,5541.91)" value="checkbox" /></td>
</tr>
<tr>
<td class="subtitulo" style="font-size: 13px"> </td>
<td class="subtitulo" style="font-size: 13px">$ 4,108.45</td>
<td><input name="checkbox5" type="checkbox" onclick="operaciones(this.checked,4108.45)" value="checkbox" /></td>
</tr>
<tr>
<td height="29" align="right" class="texto"><span class="subtitulo">Total:</span></td>
<td class="texto"><span class="subtitulo"> $
<input name="total" type="text" class="subtitulo" value="0.00" size="5" maxlength="2" />
</span></td>
<td> </td>
</tr>
</table>
<p> </p>
</form>
</body>
</html>
de antemano gracias por toda la ayuda que me puedan brindar.