Format variable using bind in a flash format form

Question

Greetings
All though seems like a simple question, I seem to be missing something here. I have a form (in flash format) that calculates a value when a form item is selected. The value is actually a dollar value. I output the variable value in a cfformitem but I con't figure out how to diplay it as a dollor value, moreover, a value with trailing zeros when the value is a full dollar.
For example:
The amount $1.00 displays as 1 (I add the dolloar sign)
or $23.80 displays as 23.8
Code below:
<cfif 
IsDefined("Form.Submit")>
Total Cost:
<cfoutput>#form.TotalCost#</cfoutput><br />
</cfif> <cfform  format="flash"><cfformitem 
type="script">
var charge = '';
var p1 = 40.50;
var p2 = 29.75;
function cost():Void
charge = 0;
// share price
if (specialneeds.value==true) {
if (Session1.value==1) {
charge = (charge + p2);
if (Session2.value==1) {
charge = (charge + p2);
if (Session3.value==1) {
charge = (charge + p2);
// double price
else {
if (Session1.value==1) {
charge = (charge + p1);
if (Session2.value==1) {
charge = (charge + p1);
if (Session3.value==1) {
charge = (charge + p1);
}</cfformitem> <cfinput type="checkbox" label="Sharing?" name="specialneeds" value="true" checked="No" onClick="cost()" />
 <cfinput type="checkbox" label="Day 1" value="1" name="Session1" onClick="cost()" id="Session1" />
 <cfinput type="checkbox" label="Day 2" value="1" name="Session2" onClick="cost()" id="Session2" />
 <cfinput type="checkbox" label="Day 3" value="1" name="Session3" onClick="cost()" id="Session3" />
 <cfformitem bind="Total Cost: ${charge}" style="color:red;" type="text"></cfformitem>
 <cfinput type="hidden" id="TotalCost" name="TotalCost" bind="{charge}" />
 <cfinput type="submit" id="sumbit" name="submit" Label="Submit" value="Submit" /></cfform>
Any ideas how I can get around this?
Thanks for any input.

Answer 1

Awesome, Thank You BKBK!
Since I call this function several times, I just had to add:
integerPart = 0;
decimalPart = 0;
decimalPartWithoutPoint = "0";
At the beginning of the function. Commented code below for future reference.
<cfif  IsDefined("Form.Submit")>
Total Cost:<cfoutput>#form.TotalCost#</cfoutput><br />
</cfif> <cfform  format="flash"><cfformitem 
type="script">
var charge = 0;
var charge2 = 0;
var integerPart = 0;
var decimalPart = 0;
var decimalPartWithoutPoint = "0";
var p1 = 40.50;
var p2 = 29.75;
function cost():Void
charge = 0;
integerPart = 0;
decimalPart = 0;
decimalPartWithoutPoint = "0";
// share price
if (specialneeds.value==true) {
if (Session1.value==1) {
charge = (charge + p2);
if (Session2.value==1) {
charge = (charge + p2);
if (Session3.value==1) {
charge = (charge + p2);
// double price
else {
if (Session1.value==1) {
charge = (charge + p1);
if (Session2.value==1) {
charge = (charge + p1);
if (Session3.value==1) {
charge = (charge + p1);
// Charge amount * 100, round the value to nearest whole number (cents now become dollars) and rounds to nearest cent
charge=Math.round(charge*100)/100;
charge2=Math.round(charge*100)/100;
// get the closest integer that is less than or equl to the charge amount, or the dollar value
integerPart = Math.floor(charge);
// get the total number of cents from the transaction
decimalPart = charge - integerPart;
// this converts the decimalPart to a string if it is not a zero
if (decimalPart != 0) decimalPartWithoutPoint = decimalPart.toString().split(".")[1];
// this takes the interger & decimal values, converts it to a string then adds a "0" to the string
if (decimalPart == 0 || decimalPartWithoutPoint.length == 1) charge = integerPart.toString() + "." + decimalPartWithoutPoint + "0";
//var myAlert = mx.controls.Alert.show("Charge2 = " + charge2 + "\nIntegerPart = " + integerPart + "\ndecimalPart = " + decimalPart + "\nCharge = " + charge, "Math Information", mx.controls.Alert.OK, this);
//myAlert.show;
}</cfformitem> <cfinput type="checkbox" label="Sharing?" name="specialneeds" value="true" checked="No" onClick="cost()" />
 <cfinput type="checkbox" label="Day 1" value="1" name="Session1" onClick="cost()" id="Session1" />
 <cfinput type="checkbox" label="Day 2" value="1" name="Session2" onClick="cost()" id="Session2" />
 <cfinput type="checkbox" label="Day 3" value="1" name="Session3" onClick="cost()" id="Session3" />
 <cfformitem bind="Total Cost: ${charge}" style="color:red;" type="text"></cfformitem>
 <cfinput type="hidden" id="TotalCost" name="TotalCost" bind="{charge}" />
 <cfinput type="submit" id="sumbit" name="submit" Label="Submit" value="Submit" /></cfform>