如何使用 PHP 和 Javascript 通过获取单选按钮值来计算总计？

我使用 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);

<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>";

aluckdog

浏览 151回答 2

2回答

倚天杖

首先，最好用有意义的名称来命名您的输入。例如echo '<td width=100> <input type="radio" name="score['.$i.']" value="1" > </td>'这将帮助您区分其他字段 - 如果您需要添加其他字段 -在服务器端，您现在有一个名为的输入数组，您可以使用如下方法score求和/计算总数：array_sumif (isset($_POST['score'])) { $total = array_sum($_POST['score']); }要保存该值，您可以使用sessionthis

蝴蝶刀刀

您可以使用相同的单选按钮但不同的值<input type="radio" name="score" value="1" >，<input type="radio" name="score" value="2" >。在单选按钮中传递自定义类，如下所示<input type="radio" class="cstm-radio" name="score" value="1" >；使用单击java脚本或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);    } });});

随时随地看视频慕课网APP