Question

如何读取变量单击哪个按钮。

我有五个按钮，就像答案一样。

<fieldset> <legend> Question1 </legend>
   <input type="button" value="1st Ansswer"/>
   <input type="button" value="2nd Ansswer"/>
   <input type="button" value="3rd Ansswer"/>
   <input type="button" value="4th Ansswer"/>
   <input type="button" value="5th Ansswer"/>
</fieldset>

我想将问题1的答案读入变量，以通过电子邮件发送。

为了更好地解释，我想要这样的东西这是为了

<select name="SOption"><option>Option1</option><option>Option2</option></select>

我在变量问题中读取结果，如此

$Question= $_POST['SOption'];

如何使用按钮代替选择。

希望你理解

Answer 1

<fieldset> 
    <legend> 
        Question1 
    </legend>
    <input type="button" name="foo" value="1st Ansswer"/>
</fieldset>

 $Question= $_POST['foo'];

只需为您想要的每个按钮添加一个名称或ID。

Answer 2

为什么你不能使用单选按钮？

 <fieldset> <legend> Question1 </legend>
   <input type="radio" name="radio_q1" value="1st Ansswer"/>
   <input type="radio" name="radio_q1" value="2nd Ansswer"/>
   <input type="radio" name="radio_q1" value="3rd Ansswer"/>
   <input type="radio" name="radio_q1" value="4th Ansswer"/>
   <input type="radio" name="radio_q1" value="5th Ansswer"/>
 </fieldset>
 <fieldset> <legend> Question2 </legend>
   <input type="radio" name="radio_q2" value="1st Ansswer"/>
   <input type="radio" name="radio_q2" value="2nd Ansswer"/>
   <input type="radio" name="radio_q2" value="3rd Ansswer"/>
   <input type="radio" name="radio_q2" value="4th Ansswer"/>
   <input type="radio" name="radio_q2" value="5th Ansswer"/>
 </fieldset>

 <input type="submit" value="SUBMIT">

否则另一种方式是隐藏文本字段和javscript / jquery。像这样....

 <form id='theForm' method='POST' action='wherever'>
 <input type='hidden' name='thequestion1' id='thequestion1'>
 </form>

 <button class='questionButton' data-answer='TheAnswer 1'>Answer 1</button>
 <button class='questionButton' data-answer='TheAnswer 2'>Answer 2 </button>
 <button class='questionButton' data-answer='TheAnswer 3'>Answer 3 </button>
 <button class='questionButton' data-answer='TheAnswer 4'>Answer 4 </button>

然后你的jquery ..

 $(document).ready,function(){

   $('.questionButton').click(function(e){
      e.preventDefault();
      var answer = $(this).data('answer');
      $('#thequestion1').val(answer);
      $('#theForm').submit();
   });

 });

然后，您可以通过推断如何处理多个问题，将它们全部存储在每个问题的隐藏文本字段中，然后最后提交表单。

Answer 3

我设法用隐藏按钮

执行此操作

function change_value($id, $value)
            {
                document.getElementById($id).value = $value;
            }


                    <input type='button' class="myButton2" onclick="change_value('quest1', this.value);" value="Ans1">
                    <input type='button' class="myButton3" onclick="change_value('quest1', this.value);" value="Ans2">
                    <input type='button' class="myButton4" onclick="change_value('quest1', this.value);" value="Ans3">
                    <input type='button' class="myButton5" onclick="change_value('quest1', this.value);"value="Ans4">

阅读单击哪个按钮变量

3 个答案: