复选框AutoSum with Javascript&;PHP

复选框AutoSum with Javascript&;PHP,php,javascript,html,checkbox,Php,Javascript,Html,Checkbox,我想在我的网站上设置一个复选框autosum,这样任何选中复选框并提交的人,这些复选框的值(点数)都会自动添加到我的总金额中(实际上在主页上) 到目前为止,我已经为java脚本找到了这段代码 <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <input name="sum_m_1" value="25" type="checkbox" id="

我想在我的网站上设置一个复选框autosum,这样任何选中复选框并提交的人,这些复选框的值(点数)都会自动添加到我的总金额中(实际上在主页上) 到目前为止,我已经为java脚本找到了这段代码

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td> <input name="sum_m_1" value="25" type="checkbox" id="sum_m_1" onclick="UpdateCost()"> </td>
    <td> ResponseOption_1 </td>
  </tr>
  <tr>
    <td> <input name="sum_m_2" value="15" type="checkbox" id="sum_m_2" onclick="UpdateCost()"> </td>
    <td> ResponseOption_2 </td>
  </tr>
</table>
<input type="text" id="totalcost" value="">

响应选项1
响应选项2
使用JAVASCRIPT:

<script type="text/javascript">
function UpdateCost() {
  var sum = 0;
  var gn, elem;
  for (i=1; i<3; i++) {
    gn = 'sum_m_'+i;
    elem = document.getElementById(gn);
    if (elem.checked == true) { sum += Number(elem.value); }
  }
  document.getElementById('totalcost' ).value = sum.toFixed(2);
}
window.onload=UpdateCost
</script>

函数UpdateCost(){
var总和=0;
var-gn,elem;
对于(i=1;我提交-->收集数据-->添加到我的主总计中)

任何帮助都将不胜感激。

简单更改:

  • 添加“计算成本”按钮
  • 从复选框中删除了onclick事件,并将onclick事件添加到按钮中
请注意,“window.onload=UpdateCost”仍然存在,因为理想情况下,您希望页面加载时总成本正确显示为0.00

HTML

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td> <input name="sum_m_1" value="25" type="checkbox" id="sum_m_1"> </td>
    <td> ResponseOption_1 </td>
  </tr>
  <tr>
    <td> <input name="sum_m_2" value="15" type="checkbox" id="sum_m_2"> </td>
    <td> ResponseOption_2 </td>
  </tr>
</table>
<input type="text" id="totalcost" value="">
<input type="button" value="update cost" onclick="UpdateCost();">

响应选项1
响应选项2
JavaScript

<script type="text/javascript">
    function UpdateCost() {
      var sum = 0;
      var gn, elem;
      for (i=1; i<3; i++) {
        gn = 'sum_m_'+i;
        elem = document.getElementById(gn);
        if (elem. checked == true) { sum += Number(elem. value); }
      }
      document.getElementById('totalcost' ).value = sum.toFixed(2);
    }
    window.onload=UpdateCost
</script>

函数UpdateCost(){
var总和=0;
var-gn,elem;

对于(i=1;iHi,谢谢……是的,这是我想要的,但实际上我希望总金额能省下来,所以下一位来更新它的客人只需将该值加起来。例如:1-Main value start=0 2-guest 1:add 40 3-Main value=40 4-guest 2:add 60 5-Main value 40+60=100我希望我已经解释清楚了。非常感谢你的帮助。)老实说,我不完全确定你的意思,或者这个表单的目的是什么,但基本上如果你想保存数据,以便其他用户可以看到并更新它,你可以使用AJAX或通常的表单操作将表单数据发送到PHP脚本。PHP脚本会以某种方式保存数据(在文件或数据库中)。用户使用表单查看的页面上会显示“总计”或者不管怎样,你可以用PHP来回显这个值。是的,好的……我的意思就是你解释的那样。我想把一个用户的总和保存在我的数据库中,这样下一个用户就可以看到更新的总和,他也可以更新这个值。但问题是我不确定如何将这些连接在一起的代码……请帮助我已经设置了数据库?如果是,结构是什么样的?好的,数据库的设置不会有问题。我会设置一个mysql数据库,对吗?然后我可以用php的用户通行证连接到我的数据库…如果我错了,请更正我。