js 点菜统计总价格文本框获取复选按钮的js_js实现点菜单计算价格-CSDN博客

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> New Document </title>
</head>

<body>
<form action="###" name="menuform" />
总消费:<input type="text" name="totalfee" value="0" />
<br/><input type="checkbox" name="menuitem" id="menuitem1" value="20.2" /><label for="menuitem1">猪肉炖粉条</label>
<input type="checkbox" name="menuitem" id="menuitem2" value="16.5" /><label for="menuitem2">小鸡炖蘑菇</label>
<input type="checkbox" name="menuitem" id="menuitem3" value="30" /><label for="menuitem3">大盘鸡</label>
</form>
<script type="text/javascript">
<!--
var frm=document.forms['menuform'];

var fels=frm.elements;

var menuitems=fels['menuitem'];

var ototalfee=fels['totalfee'];

var inttotalfee=ototalfee.value;

for(var i=0;i<menuitems.length;i++)
{
inttotalfee=parseFloat(inttotalfee);

if (isNaN(inttotalfee))
{

inttotalfee=0.00;

}

menuitems[i].οnclick=function(){

var price=parseFloat(this.value);

    if (isNaN(price))
    {
     price=0.00;
    }

if (this.checked)
{