为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

Go
aluckdog 2023-08-21 16:20:03
我使用 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'/>    
查看完整描述

2 回答

?
倚天杖

TA贡献1828条经验 获得超3个赞

首先,最好有意义的名称来命名您的输入。

例如

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']);
}

要保存该值,您可以使用sessionthis


查看完整回答
反对 回复 2023-08-21
?
蝴蝶刀刀

TA贡献1801条经验 获得超8个赞

  1. 您可以使用相同的单选按钮但不同的值<input type="radio" name="score" value="1" ><input type="radio" name="score" value="2" >

  2. 在单选按钮中传递自定义类,如下所示<input type="radio" class="cstm-radio" name="score" value="1" >

  3. 使用单击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);

    }

 });

});


查看完整回答
反对 回复 2023-08-21
  • 2 回答
  • 0 关注
  • 150 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信