У меня есть форма с несколькими кнопками и значениями. Я хочу отправить кнопку, нажав кнопку отправки вместе со значением. У меня есть код ниже в php-цикле с вопросами. В коде отображаются да и нет кнопок для каждого вопроса. Я использую jquery, чтобы держать классы активными и переключать их (это прекрасно работает). Моя проблема заключается в том, что когда я отправляю форму, только вопросы передаются через POST, и никаких данных с нажатых кнопок. Как мне подойти к этому, чтобы нажимать кнопки нажатыми (все кнопки имеют уникальный идентификатор)?
echo' <button type="button" name="yes'.$value[Key].'" id="answerf1" class="lietruth yes" >Yes</button> <button type="button" name="no'.$value[Key].'" id="answer1" class="lietruth no" >No</button> <div id="questions">'.$value[Question].'</div>'; //submit button is after the loop HTML сгенерированной страницы
<div id="Answertoggle16"> <div id="questions-box"><input type="hidden" name="question16" value="Question1"><input type="hidden" name="key" value="5"><input type="hidden" name="user" value="truthsandlie"><button type="button" name="yes5" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no5" id="answer1" class="lietruth no" >No</button> <div id="questions">Question1</div> </div> </div> <div id="Answertoggle17"> <div id="questions-box"><input type="hidden" name="question17" value="Question2"><input type="hidden" name="key" value="9"><input type="hidden" name="user" value="truthsandlie"><button type="button" name="yes9" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no9" id="answer1" class="lietruth no" >No</button> <div id="questions">Question2</div> </div> </div> <div id="Answertoggle18"> <div id="questions-box"><input type="hidden" name="question18" value="Question3"><input type="hidden" name="key" value="25"><input type="hidden" name="user" value="truthsandlie"><button type="button" name="yes25" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no25" id="answer1" class="lietruth no" >No</button> <div id="questions">Question3</div> </div> </div> <div id="Answertoggle19"> <div id="questions-box"><input type="hidden" name="question19" value="Question4"><input type="hidden" name="key" value="30"><input type="hidden" name="user" value="truthsandlie"><button type="button" name="yes30" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no30" id="answer1" class="lietruth no" >No</button> <div id="questions">Question4</div> </div> </div> <div id="Submit-answer" display: inline-block;"><button type="submit">Next</button> </div>