时间戳

首页 > 解决方案 > 通过单击将单选按钮值插入 mysql

javascript - 通过单击将单选按钮值插入 mysql

问题描述

我有一个调查显示快乐和悲伤的脸

当用户单击单选按钮时，它应该执行 onclick 事件

然后 PHP 应该将其提交到数据库，但是当单击单选按钮时它没有运行 php，我正在尝试考虑如何提交它我需要从该页面中运行 php 而不是将其作为形成动作。

 <html>
<head>
  <title>survey</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="test.css" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>

</head>

<body>

  <div id="wrapper">
    <img src="Wincanton.png" alt="wincantonLogo" class="wincantonLogo" />
    <img src="Screwfix.jpg" alt="screwfixLogo" class="screwfixLogo" />

    <h1 class="Survey_Title">Heath and Wellbeing</h1><br />

    <h2 class="Survey_Question">Did you find the most recent Wellbeing campaign useful?</h2><br/>



      <div class="cc-selector">
      <form class="cc-selector" id="form-id" action="tester.php" method="POST">
    <label><input id="happy" type="radio" name="radioAnswer" onclick="document.getElementById('cc-selector').click();" /></label>
    <label class="drinkcard-cc happy" for="happy"></label>
    <label><input id="sad" type="radio" name="radioAnswer" onclick="document.getElementById('cc-selector').click();" /></label>
    <label class="drinkcard-cc sad"for="sad"></label>
  </form>
        </div>
    <script type="text/javascript">
    $(".cc-selector").html(
    $(".cc-selector").children().sort(function(a, b) {
    return Math.round(Math.random()) - 0.8;
    })
    );
    </script>
  </div>
</body>
</html>



 <?php if(array_key_exists('radioAnswer', $_POST)) {


  $dbhost = 'localhost';
  $dbuser = 'root';
  $dbpass = 'rootpassword';
  $conn = mysql_connect($dbhost, $dbuser, $dbpass);
  if(! $conn )
  {
    die('Could not connect: ' . mysql_error());
  }
  mysql_select_db('test');
  $radioAnswer = $_POST['radioAnswer'];


   ...
}
?>

标签： javascriptphphtmlcss

解决方案

您应该将单选按钮命名为相同。

<div class="cc-selector">
        <label><input id="happy" type="radio" name="radioAnswer" value="happy"/></label>
        <label><input id="sad" type="radio" name="radioAnswer" value="sad"/></label>
        <input type="submit" name="submit" value="submit" />
      </div>

现在得到你可以使用的响应

$response = $_REQUEST['radioAnswer'];

这将显示用户是否选择了快乐或悲伤的电台。使用 mysqli_* 或 PDO 函数查询数据库，不推荐使用 mysql_* 函数。您可能希望使用此链接作为参考。

推荐阅读