仅将已选中的单选按钮读取并保存到MYSQL中的特定列" | PHP&阿贾克斯

时间:2015-05-14 15:42:06

标签: javascript php html mysql ajax

使用的技术:

  • 服务器端:PHP
  • DB:MYSQL
  • 客户端:调用PHP的Ajax
  • 客户端:HTML
  • 适用于:Phonegap

我在HTML广播组中有四个单选按钮

  1. 其他
  2. 我表中的4列是:

    | DBMother | DBFather | DBSelf | DBOthers |
    

    如果我选择Mother单选按钮,则该值应该保存在DBMother列下方,其余列应保持空白。

    当我在HTML中选择单选按钮Self时,该值应该保存在Mysql DB列DBSelf下,其余列应保持空白。

    我在谷歌上尝试了一些代码,但这些代码用于在一个DB列中保存信息。

    我认为我需要服务器端的PHP代码和客户端的Ajax代码。

    <html>
    <head>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
      </script>
      <script type="text/javascript">
        $(document).ready(function(){
    
          $("#submit").click(function(){
    
            var game=$('input[type="radio"]:checked').val();
    
            if($('input[type="radio"]:checked').length == "0") {
              alert("Select any value");
            }
            else {
              $.ajax({
                type: "POST",
                url: "ajax-check.php",
                data: "game="+game,
                success: function() {
                  $("#msg").addClass('bg');
                  $("#msg").html("value Entered");
                }
              });
            }
            return false;
          });
        });
      </script>
    </head>
    <body>
      <div id="msg"></div>
      <form method="post" action="">
        Select:<br/>
        <input type="radio" name="game" value="Mother">
        <input type="radio" name="game" value="Father">
        <input type="radio" name="game" value="Self">
        <input type="radio" name="game" value="Others">
        <input type="submit" name="submit" id="submit">
      </form>
    </body>
    </html>
    

0 个答案:

没有答案