更改并记录许多HTML按钮的值

时间:2015-02-19 16:19:02

标签: javascript html

我有一个相当简单的HTML表单,上面有许多HTML输入按钮(输入类型=“按钮”)。按钮使用一小段JavaScript来更改单击时显示的值(是和否)。我很满意这个功能,但想知道记录值以便以后提交到数据库的最佳方法。

我现在有这个:

<script>
function toggleynquestion(button)
{
  if(document.getElementById("yn_toggle").value=="Yes"){
  document.getElementById("yn_toggle").value="No";}

  else if(document.getElementById("yn_toggle").value=="No"){
  document.getElementById("yn_toggle").value="Yes";}
}
</script>
<form method="post" action="ynquestion_submit.php" name="yn_submit">
<p> Yes or No question : 
<input type="button" name="yn_question" id="yn_toggle" value="Yes" onclick="toggleynquestion(this);"/>
</p>
<input type="submit" value="Save">
</form>

非常感谢任何想法。

1 个答案:

答案 0 :(得分:0)

您始终可以使用hidden表单元素,它们将像text输入一样发送到服务器:

function toggleynquestion(button)
{
  if(document.getElementById("yn_toggle").value=="Yes"){
    document.getElementById("yn_toggle").value="No";
    document.getElementById("yn_answer").value="No";
  } else if(document.getElementById("yn_toggle").value=="No"){
    document.getElementById("yn_toggle").value="Yes";
    document.getElementById("yn_answer").value="Yes";
  }
}
<form method="post" action="ynquestion_submit.php" name="yn_submit">
<p> Yes or No question : 
<input type="button" name="yn_question" id="yn_toggle" value="Yes" onclick="toggleynquestion(this);"/>
  <input type="hidden" name="yn_answer" id="yn_answer" value="Yes" />
</p>
<input type="submit" value="Save">
  </form>