HTML Code:
<script type="text/javascript">
var e = document.forms[0].elements;
function calc() {
var total = 0,
t = document.getElementById("total");
for(var i=0;i<e.length;i++) {
if(e[i].type.toLowerCase() === "text") total += parseFloat(e[i].value);
else if(e[i].type.toLowerCase() === "checkbox") total += e[i].value;
}
t.value = total;
}
for(var i=0;i<e.length;i++) e[i].onchange = calc;
</script>
<form>
<input type="checkbox" value="5"/>
<input type="checkbox" value="4"/>
<input type="checkbox" value="3"/>
<input type="checkbox" value="2"/>
<input type="checkbox" value="1"/><br/>
<input type="text" size="2"/>
<input type="hidden" id="total" value="0"/>
</form>
Bookmarks