如何通過使用 PHP 和 Javascript 獲取單選按鈕值來計算總數？

Question

我使用php代表數據庫中的問題。 我使用數組將它們顯示在表格中。 單選按鈕通過在 php 中給出一個變量“i”作為名稱來分組。 因此，我無法將這些單選按鈕的值傳遞給 javascript 函數來計算總數。

這是表的表示方式：

這是表的表示方式

我想根據選定的單選按鈕值計算總數並將該值發送到另一個頁面。 我怎么做？ 非常感謝！

下面是我的代碼。

<html>

<body>

 <?php
$DATABASE_HOST = 'localhost';
$DATABASE_USER = 'root';
$DATABASE_PASS = '';
$DATABASE_NAME = 'psych';

$connect = mysqli_connect($DATABASE_HOST, $DATABASE_USER, $DATABASE_PASS, $DATABASE_NAME);

    $res = mysqli_query($connect, "SELECT questions FROM questions");

    $quests = mysqli_fetch_array($res);  

  ?>
<form name="form1" id="form1" method="post" action="../../Algorithms/score.php"> 

<table> 
  <th>
  <td width=100>Strongly agree </td>
  <td width=100>Agree </td>
  <td width=100>Neutral </td>
  <td width=100>Disagree </td>
  <td width=100>Strongly disagree </td>
  </th>
<?php 

$score=0;

    $i=1;
  while($row = mysqli_fetch_array($res))
    {
     echo "<tr> <td width=500>".$i.". ".$row['questions']."</td>";
     echo '<td width=100> <input type="radio" name="'.$i.'"  value="1" > </td>';
     echo '<td width=100> <input type="radio" name="'.$i.'"  value="2" > </td>';
     echo '<td width=100> <input type="radio" name="'.$i.'"  value="3" > </td>';
     echo '<td width=100> <input type="radio" name="'.$i.'"  value="4" > </td>';
     echo '<td width=100> <input type="radio" name="'.$i.'"  value="5" > </td>';
       // if (score."$i") {echo "score$i";}
     echo "</tr>"; 
     // echo $scores[$i];
     //$scores[$i]=$_POST['score'.$i];
     $i++;

      }

    echo "</table>"; 
    echo "<br>"; 

  ?> 

  <input type='submit' name='submit' value='Submit'/>

Answer 1

首先，最好用有意義的名稱命名您的輸入。

例如

echo '<td width=100> <input type="radio" name="score['.$i.']"  value="1" > </td>'

這將幫助您區分其他字段 - 如果您需要添加其他字段 -

在服務器端，您現在有一個名為score的輸入數組，您可以使用array_sum求和/計算總數，就像：

if (isset($_POST['score'])) {
    $total = array_sum($_POST['score']);
}

要保存此值，您可以使用session

Answer 2

您可以使用相同的單選按鈕但不同的值<input type="radio" name="score" value="1" > , <input type="radio" name="score" value="2" > 。
在單選按鈕中傳遞這樣的自定義類<input type="radio" class="cstm-radio" name="score" value="1" > ;
使用 on-click java-script 或 jquery 事件獲取單擊的單選按鈕的值並執行 ajax 請求，傳遞您必須執行后端操作的文件或文件名的 url。

您可以使用此代碼執行ajax請求！

$('.cstm-radio').click(function () {
  var radio_val = $(this).val();
   $.ajax({
    //url of your php file
    url: "post.php",
    type: "POST",
    data: {score: radio_val},
    success: function (data) {
        // alert radio value here
        alert(data);
    }
 });
});

如何通過使用 PHP 和 Javascript 獲取單選按鈕值來計算總數？

問題描述

2 個解決方案

解決方案1
1 已采納 2020-03-05 08:36:56

解決方案2
0 2020-03-05 09:40:05

如何通過使用 PHP 和 Javascript 獲取單選按鈕值來計算總數？

問題描述

2 個解決方案

解決方案1 1 已采納 2020-03-05 08:36:56

解決方案2 0 2020-03-05 09:40:05

解決方案1
1 已采納 2020-03-05 08:36:56

解決方案2
0 2020-03-05 09:40:05