如何通过使用 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