Foros del Web » Creando para Internet » CSS »

Estilizar checkbox y sumar el valor del mismo

Estas en el tema de Estilizar checkbox y sumar el valor del mismo en el foro de CSS en Foros del Web. Buenas, estoy en un pequeño problema, tengo un formulario con unos checkbox estilizados con CSS y algo de JS y ademas, necesito ir sumando el ...
  #1 (permalink)  
Antiguo 05/07/2011, 11:09
 
Fecha de Ingreso: abril-2011
Mensajes: 158
Antigüedad: 6 años, 3 meses
Puntos: 1
Estilizar checkbox y sumar el valor del mismo

Buenas, estoy en un pequeño problema, tengo un formulario con unos checkbox estilizados con CSS y algo de JS y ademas, necesito ir sumando el valor contendio en la propiedad value de los checkbox a medida que se los selecciona. El codigo JS para que me vaya sumando es el siguiente:

function ReCalculate(form){
var total=0;
for (var e=0;e<form.elements.length;++e){
var fld=form.elements[e];
if (fld.name.substring(0,4)=="ADD_"){
if (fld.checked)total+=parseFloat(fld.value);
}
}
form.total.value=total.toFixed(2);
}

y los checkbox:

<input type="checkbox" name="ADD_entree" value="14.95" onClick="ReCalculate(this.form);"/> Entree<br/>
<input type="checkbox" name="ADD_beverage" value="3.95" onClick="ReCalculate(this.form);" class="styled"/> Beverage<br/>
<input type="checkbox" name="ADD_dessert" value="5.95" onClick="ReCalculate(this.form);" class="styled"/> Dessert<br/>
<input type="checkbox" name="togo" value="1.95" class="styled"> To go??<br/>
<input type="text" readonly name="total" value="0.00" />

El método autosuma funciona correctamente cuando los checkbox no están estilizados, pero cuando los estilizo dejan de funcionar, en realidad simplemente no actualiza la caja de texto que almacena el valor total.

Si me pueden ayudar les agradecería mucho!

Etiquetas: checkbox, estilizar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:48.