Fatal编程技术网
  • javascript/
  • Javascript 通过单击将单选按钮值插入mysql

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

javascript php html css

Javascript 通过单击将单选按钮值插入mysql,javascript,php,html,css,Javascript,Php,Html,Css,我有一份调查显示了一张快乐和悲伤的脸 当用户单击单选按钮时，应执行onclick事件 然后PHP应该将其提交到数据库，但当单击单选按钮时，它没有运行PHP，我正在尝试思考如何提交它。我需要从该页面中运行PHP，而不是将其作为表单操作 <html> <head> <title>survey</title> <meta charset="utf-8" /> <link rel="stylesheet" type="tex

我有一份调查显示了一张快乐和悲伤的脸

当用户单击单选按钮时，应执行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'];


   ...
}
?>


调查
健康与幸福

你觉得最近的福利运动有用吗？

$（“.cc选择器”）.html(
$（“.cc选择器”）.children（）.sort（函数（a，b）{
返回Math.round（Math.random（））-0.8；
})
);
您应该将单选按钮命名为相同的名称

<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>
这将显示用户是否选择了快乐或悲伤收音机。使用mysqli_*或PDO函数查询数据库，不推荐使用mysql_*函数。您可能希望用作参考。

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

<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>
这将显示用户是否选择了快乐或悲伤收音机。使用mysqli_*或PDO函数查询数据库，不推荐使用mysql_*函数。您可能希望用作参考。

我认为，有几件事需要将单选按钮命名为相同的名称。因此：

<form class="cc-selector" id="form-id" method="POST">
    <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" />
  </form>
您的php也需要更改：

<?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'];


   ...
}

我认为，有几件事需要将单选按钮命名为相同的名称。因此：


<form class="cc-selector" id="form-id" method="POST">
    <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" />
  </form>






您的php也需要更改：


<?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'];


   ...
}







“它不起作用”没有你想象的那么有用。要具体，包括错误消息、预期结果和实际结果。如果未启用错误调试，请启用错误调试。。。在脚本顶部使用此选项：
ini\u集（'display\u errors'，1）；ini设置（“显示启动错误”，1）；错误报告（E_全部）。而且
mysql.*
函数被折旧，并从PHP7+中完全删除。如果您是新手并且还在学习，最好开始使用
mysqli
而不是
mysql
。由于
mysql
已经被弃用，并且没有在最新版本的PHP中使用。您可以使用AJAX提交它，而无需表单操作。“它不起作用”没有您想象的那么有用。要具体，包括错误消息、预期结果和实际结果。如果未启用错误调试，请启用错误调试。。。在脚本顶部使用此选项：
ini\u集（'display\u errors'，1）；ini设置（“显示启动错误”，1）；错误报告（E_全部）。而且
mysql.*
函数被折旧，并从PHP7+中完全删除。如果您是新手并且还在学习，最好开始使用
mysqli
而不是
mysql
。由于
mysql
已经被弃用，并且没有在最新版本的PHP中使用。您可以使用AJAX提交它，而无需表单操作。这是所涉及的众多问题之一。你可以解决所有问题。。。但您将编写大量新代码；）这是所涉及的众多问题之一。你可以解决所有问题。。。但您将编写大量新代码；）我是否可以从单选按钮执行onclick，而不必通过按钮提交表单？是否是onclick=“document.getElementById（'radioAnswer'）。单击（）；”很接近了，这更像jQuery的click语法。普通javascript的正确方法如下：
onclick=“document.getElementById（'radioAnswer'）.onclick=radioBtnClickFunction”
function radioBtnClickFunction（）{alert（“works”）；…code…}
为此，要提交，请为表单提供一个id，“表单id”。然后将此属性添加到每个单选按钮输入中：
onclick=“document.getElementById（'form-id'）.submit（）；”
，这里有一个指向资源的链接，可以帮助您：我是否能够从单选按钮执行onclick操作，而不必通过按钮提交表单，这更像jQuery的click语法。普通javascript的正确方法如下：
onclick=“document.getElementById（'radioAnswer'）.onclick=radioBtnClickFunction”
function radioBtnClickFunction（）{alert（“works”）；…code…}
为此，要提交，请为表单提供一个id，“表单id”。然后将此属性添加到每个单选按钮输入：
onclick=“document.getElementById（'form-id'）.submit（）；”
，下面是一个指向可帮助您的资源的链接：