Html 根据单击的按钮提交值_Html_Css

Html 根据单击的按钮提交值

html css

Html 根据单击的按钮提交值,html,css,Html,Css,对不起，我不知道该如何恰当表达有可能这样做吗示例我希望有4个按钮/div供用户单击也许用这样的表格输入值=“是”名称=“响应” 输入值=“否”name=“响应” 输入值=“可能”name=“响应” input value=“Later”name=“response” 如果用户单击“是”，则它将使用“是”提交数据，并将其存储在“响应”的数据库插槽中因此，它就像4个带有“是”、“否”、“可能”和“以后”的框，用户可以单击这些框，然后像表单一样提交再一次抱歉，我不知道该怎么做（希望解决方案

对不起，我不知道该如何恰当表达

有可能这样做吗

示例我希望有4个按钮/div供用户单击

也许用这样的表格

输入值=“是”名称=“响应”

输入值=“否”name=“响应”

输入值=“可能”name=“响应”

input value=“Later”name=“response”

如果用户单击“是”，则它将使用“是”提交数据，并将其存储在“响应”的数据库插槽中

因此，它就像4个带有“是”、“否”、“可能”和“以后”的框，用户可以单击这些框，然后像表单一样提交

再一次抱歉，我不知道该怎么做（希望解决方案很简单？）

提前谢谢

有两种不同的方法可以解决这个问题。一个表单可以有多个提交按钮，通过

我将提出一个改进jQuery、HTML和一些数据库的解决方案
<html>
<head>
  <title>Hi folk</title>
  <script  src="https://code.jquery.com/jquery-2.2.2.min.js"   integrity="sha256-36cp2Co+/62rEAAYHLmRCPIych47CvdM+uTBJwSzWjI="   crossorigin="anonymous"></script>  
  <script type="text/javascript">
     $(function(){
        $("#btn1").click(function(){
          //Here goes your database query
        });
        $("#btn2").click(function(){
          //Here goes your database query
        });

        $("#btn3").click(function(){
           //Here goes your database query
        });

        $("#btn4").click(function(){
          //Here goes your database query
        });

     });
  </script>
</head>

<div>
  <div>
    <input id="btn1" type="button" value="Yes" />
  </div>

  <div>
     <input id="btn2" type="button" value="No"/>
  </div>

  <div>
     <input id="btn3" type="button" value="Maybe"/>
  </div>

  <div>
     <input id="btn4" type="button" value="Later"/>
  </div>
</div>

</html>


嗨，伙计
$（函数（）{
$（“#btn1”）。单击（函数（）{
//这是您的数据库查询
});
$（“#btn2”）。单击（函数（）{
//这是您的数据库查询
});
$（“#btn3”）。单击（函数（）{
//这是您的数据库查询
});
$（“#btn4”）。单击（函数（）{
//这是您的数据库查询
});
});
嗨，我有一个想法可以用JQuery实现这一点
<html>
  <head>
      <title>Test</title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  </head>
  <body>

  <div>
    <input class="btn1" type="button" value="Yes" />
  </div>

  <div>
    <input class="btn1" type="button" value="No"/>
  </div>

  <div>
   <input class="btn1" type="button" value="Maybe"/>
  </div>

  <div>
   <input class="btn1" type="button" value="Later"/>
  </div>

  <div id="display">
  </div>
   <script>
$(document).ready(function() {
$('.btn1').click(function(e) {
   e.preventDefault();
   document.getElementById('display').innerHTML=$(this).val();
 });
 });
 </script>
 </body>
</html>


测验
$（文档）.ready（函数（）{
$（'.btn1'）。单击（函数（e）{
e、 预防默认值（）；
document.getElementById（'display'）.innerHTML=$（this.val（）；
});
});

小提琴链接：
<html>
<head>
  <title>Hi folk</title>
  <script  src="https://code.jquery.com/jquery-2.2.2.min.js"   integrity="sha256-36cp2Co+/62rEAAYHLmRCPIych47CvdM+uTBJwSzWjI="   crossorigin="anonymous"></script>  
  <script type="text/javascript">
     $(function(){
        $("#btn1").click(function(){
          //Here goes your database query
        });
        $("#btn2").click(function(){
          //Here goes your database query
        });

        $("#btn3").click(function(){
           //Here goes your database query
        });

        $("#btn4").click(function(){
          //Here goes your database query
        });

     });
  </script>
</head>

<div>
  <div>
    <input id="btn1" type="button" value="Yes" />
  </div>

  <div>
     <input id="btn2" type="button" value="No"/>
  </div>

  <div>
     <input id="btn3" type="button" value="Maybe"/>
  </div>

  <div>
     <input id="btn4" type="button" value="Later"/>
  </div>
</div>

</html>

<html>
  <head>
      <title>Test</title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  </head>
  <body>

  <div>
    <input class="btn1" type="button" value="Yes" />
  </div>

  <div>
    <input class="btn1" type="button" value="No"/>
  </div>

  <div>
   <input class="btn1" type="button" value="Maybe"/>
  </div>

  <div>
   <input class="btn1" type="button" value="Later"/>
  </div>

  <div id="display">
  </div>
   <script>
$(document).ready(function() {
$('.btn1').click(function(e) {
   e.preventDefault();
   document.getElementById('display').innerHTML=$(this).val();
 });
 });
 </script>
 </body>
</html>