Siguiendo con este formulario y agradeciendo a Nano, ya pude eleminar mi primer problema. Ahora les cuento que paso.
Ya se puede activar los checkBox y pasar los Datos a Campo de Texto con este codigo
Código HTML:
<script language="javascript" type="text/javascript">
function Mostrar (id,elem) {
var t = "elemen" +id;
var elemento = document.getElementById(t);
elemento.value= elem;
}
function Animal (id,elem) {
var a = "elemen" +id;
var elemento = document.getElementById(a);
elemento.value= elem;
}
que dando asi:
Ahora para sumar los campos tengo este código
Código HTML:
function sumIt() {
var f = document.forms["f1"]
var s = 0
for (var i=1;i<=4;i++) {
var v = f.elements["Val"+i].value
v = parseFloat(v)
if (isNaN(v)) continue
v = Math.abs(v)
s+=v
}
f.elements["exptotal"].value = s
}
Esto hace que se sumen los Campos de Texto con el Nombre Val + i (var v = f.elements["Val"+i].value).
Ahora biene mi problema. Mis campos que pasan el valor de los checkBox estan con el nombre
<input name="text" type="text" id="elemen2" value="" onChange="sumIt()"/> y al cambiar de nombre deja de funcionar.
El formulario esta así:
Código HTML:
<script language="javascript" type="text/javascript">
function Mostrar (id,elem) {
var t = "elemen" +id;
var elemento = document.getElementById(t);
elemento.value= elem;
}
function Animal (id,elem) {
var a = "elemen" +id;
var elemento = document.getElementById(a);
elemento.value= elem;
}
function sumIt() {
var f = document.forms["f1"]
var s = 0
for (var i=1;i<=4;i++) {
var v = f.elements["Val"+i].value
v = parseFloat(v)
if (isNaN(v)) continue
v = Math.abs(v)
s+=v
}
f.elements["exptotal"].value = s
}
</script>
</head>
<body>
<form id="f1">
<p>
<input name="checkbox" type="checkbox" id="uno" onclick="javacript:Mostrar(2,document.getElementById('valor1').value)" />
Calendario XXX $
<input type="text" id="valor1" value="1200" size="7" />
<input name="text" type="text" id="elemen2" value="" onChange="sumIt()"/>
<br />
<input name="checkbox2" type="checkbox" id="dos" onclick="javacript:Animal(3,document.getElementById('valor2').value)"/>
Calendario Animales
$
<input type="text" id="valor2" value="200" size="5" />
<input name="text" type="text" id="elemen3" value="" onChange="sumIt()"/>
</p>
<p>Suma
<label for="textfield"></label>
<input type="text" READONLY class="disabled" name="exptotal" size="20"
value="0.00">
<br />
<input type="checkbox" name="checkbox3" value="checkbox" id="checkbox" />
<label for="checkbox"></label>
IVA 15%
<label for="label"></label>
<input type="text" name="textfield2" id="label" />
<br />
Total
<label for="label2"></label>
<input type="text" name="textfield3" id="label2" />
<br>
</p>
</form> Si alguien me puede ayudar, se lo agradeceria mucho.