尝试使用 JavaScript 计算使用 php pdo 选定座位的总预订价格？答案

【问题标题】：Trying to use JavaScript to calculate total booking price for selected seats using php pdo?尝试使用 JavaScript 计算使用 php pdo 选定座位的总预订价格？
【发布时间】：2018-05-23 22:31:53
【问题描述】：

我正在尝试使用 JavaScript 来计算使用复选框选择的门票的总价格。通过单击调用 JavaScript 函数的检查按钮，结果应显示在警报窗口中。但是当我单击按钮时，什么也没有发生。我什至没有收到任何错误消息。我是初学者，如果有人可以帮助我，我将非常感激。

    <?php foreach ($res as $row): ?>
    <form action="book.php" method="get">
    <tr><td><?php echo $row['RowNumber']; ?></td><td><?php echo $row['Price']; ?></td>
    <td><input type="checkbox" type="hidden" name="myForm[<?php echo $row['RowNumber']; ?>][row]" id="row" value="<?php echo $row['RowNumber']; ?>"></input></td></tr>
    <input type="hidden" name="myForm[<?php echo $row['RowNumber']; ?>][price]" id="price" value="<?php echo $row['Price']; ?>"></input>
    </form>
    <?php endforeach; ?>
    </table>
    <form action='book.php' method='get'>
    Enter Email:<input type='text' name='name'></form>
    <script>
    function summary() {
    var total = 0.0;
    var seats = document.getElementById("row").value;
    for(i = 1; i <= document.getElementById("row").value; i++) {
        if(document.getElementId("row").checked) { 
        total = total + parseFloat(document.getElementById("price").innerHTML);
        }
    }
        return total;
        alert("Price of seats =" + total);
    }
    </script>
    <input type="button" onclick="summary()" value="check">
    <?php

【问题讨论】：

标签： javascript php pdo

【解决方案1】：

您在调用警报之前返回，这意味着您永远不会到达警报本身。删除退货总行。

【讨论】：

在删除警报声明时，它在警报框中显示价格为零

【解决方案2】：

这是一个非常常见的问题。我们至少遇到过一次。您应该使用 Chrome 而不是 firefox 或 Internet Explorer。关闭您的网页并重新启动。返回总数应该在警报框之后。谢谢。

【讨论】：

document.getElementById("total").value = total; alert("座位价格="+总数);返回总计；它仍然有同样的问题，在删除退货声明时，它显示价格为零。

【解决方案3】：

你可以试试这个示例

<form action="book.php" method="get">
  <table>
    <?php foreach ($res as $row): ?>
    <tr data-rownumber="<?php echo $row['RowNumber']; ?>">
      <td><?php echo $row['RowNumber']; ?></td>
      <td><?php echo $row['Price']; ?></td>
      <td>
        <input type="checkbox" name="myForm[<?php echo $row['RowNumber']; ?>][row]" id="row-<?php echo $row['RowNumber']; ?>" value="<?php echo $row['RowNumber']; ?>" onclick="summary()" />
        <input type="hidden" name="myForm[<?php echo $row['RowNumber']; ?>][price]" id="price-<?php echo $row['RowNumber']; ?>" value="<?php echo $row['Price']; ?>" />
      </td>
    </tr>
    <?php endforeach; ?>
  </table>
</form>
<form action='book.php' method='get'>
  Enter Email:<input type='text' name='name'>
</form>

<script>
  function summary() {
    var total = 0.0;

    var table = document.getElementById('items-table');
    var rows = table.getElementsByTagName('tr');
    for (var i = 0; i < rows.length; i++) {
      var row = rows[i];
      var rowNumber = row.getAttribute('data-rownumber');

      var isChecked = document.getElementById('row-' + rowNumber).checked;
      if (isChecked) {
        var price = parseFloat(document.getElementById('price-' + rowNumber).value);
        total += price;
      }
    }

    alert("Price of seats = " + total);
    return total;
  }
</script>
<input type="button" onclick="summary()" value="check">

【讨论】：

还是不行。当我点击检查按钮时没有任何反应。
您还想在 Checkbox 复选框上显示总数吗？现在事件仅附加到按钮点击。