自动的计算

来源：互联网发布：用单片机实现电子音响编辑：程序博客网时间：2024/05/16 08:35

<html>
<head>
  <title>自动计算</title>
  <script language="javascript">
   function calculate()
   {
    if(document.getElementById("zidong").checked)
    {
     document.getElementById("totalmoney").value = parseInt(document.getElementById("number").value)*parseInt(document.getElementById("price").value);
     document.getElementById("zongji").value = document.getElementById("totalmoney").value;
    }
    if(document.getElementById("guangpan").checked)
    {
     document.getElementById("zongji").value = parseInt(document.getElementById("totalmoney").value) + parseInt(document.getElementById("guangpan").value);
    }
    if(document.getElementById("yingpan").checked)
    {
     document.getElementById("zongji").value = parseInt(document.getElementById("totalmoney").value) + parseInt(document.getElementById("yingpan").value);
    }
    if(document.getElementById("xianshiqi").checked)
    {
     document.getElementById("zongji").value = parseInt(document.getElementById("totalmoney").value) + parseInt(document.getElementById("xianshiqi").value);
    }
    if(document.getElementById("guangpan").checked && document.getElementById("yingpan").checked)
    {
     document.getElementById("zongji").value = parseInt(document.getElementById("totalmoney").value) + parseInt(document.getElementById("guangpan").value) + parseInt(document.getElementById("yingpan").value);
    }
    if(document.getElementById("yingpan").checked && document.getElementById("xianshiqi").checked)
    {
     document.getElementById("zongji").value = parseInt(document.getElementById("totalmoney").value) + parseInt(document.getElementById("yingpan").value) + parseInt(document.getElementById("xianshiqi").value);
    }
    if(document.getElementById("guangpan").checked && document.getElementById("xianshiqi").checked)
    {
     document.getElementById("zongji").value = parseInt(document.getElementById("totalmoney").value) + parseInt(document.getElementById("guangpan").value) + parseInt(document.getElementById("xianshiqi").value);
    }
    if(document.getElementById("guangpan").checked && document.getElementById("yingpan").checked && document.getElementById("xianshiqi").checked)
    {
     document.getElementById("zongji").value = parseInt(document.getElementById("totalmoney").value) + parseInt(document.getElementById("guangpan").value) + parseInt(document.getElementById("yingpan").value) + parseInt(document.getElementById("xianshiqi").value);
    }
   }
  </script>
</head>
<body>
  <p align="center" style="color:red">
   个人电脑订购单：
  </p>
  <p>
   <hr>
  </p>
  <p align="left">
   数量：<input type="text" id="number" onchange="calculate()">
   价格：<input type="text" id="price" onchange="calculate()">
  </p>
  <p align="left">
   小计：<input type="text" id="totalmoney" onclick="calculate()">
  </p>
  <p align="left">
   选购项目：
   <input type="checkbox" id="guangpan" value="500" onchange="calculate()">光驱500元
   <input type="checkbox" id="yingpan" value="500" onchange="calculate()">硬盘500元
   <input type="checkbox" id="xianshiqi" value="1500" onchange="calculate()">显示器1500元
  </p>
  <p>
   <input type="checkbox" id="zidong" checked onclick="if(this.checked){calculate();}">自动计算
  </p>
  <p>
   总计：<input type="text" id="zongji">
  </p>
</body>
</html>

根据网上的例子简单写了一遍，觉得javascript还是蛮重要的。。。