TL; DR解决方案:将javascript中的.val更改为.serialize以获取任何无线电输入.
我一直在使用这个教程来构建一个表单,当按下提交按钮时,淡出按钮并淡入"谢谢"消息并在后台发送mailer.php.我的表单有单选按钮,我似乎无法弄清楚如何让javascript发送到我的电子邮件中选择了哪个按钮.
这是表单html:
<form action="" method="" name="rsvp" id="rsvp-form">
<fieldset>
<legend>RSVP</legend>
<ol>
<li>
<input id="accepts1" class="rsvps" name="rsvps" type="radio" value="Graciously_Accepts" />
<label for="accepts1">Graciously Accepts</label>
</li>
<li>
<input id="declines1" class="rsvps" name="rsvps" type="radio" value="Regretfully_Declines" />
<label for="declines1">Regretfully Declines</label>
</li>
<li>
<input id="accepts2" class="rsvps" name="rsvps" type="radio" value="Regretfully_Accepts" />
<label for="accepts2">Regretfully Accepts</label>
</li>
<li>
<input id="declines2" class="rsvps" name="rsvps" type="radio" value="Graciously_Declines" />
<label for="declines2">Graciously Declines</label>
</li>
</ol>
</fieldset>
<div id="rsvp-wrapper">
<fieldset>
<button class="button" type="submit" value="send">RSVP!</button>
</fieldset>
</form>
<div class="success"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
javascript:
<script type="text/javascript"> …Run Code Online (Sandbox Code Playgroud)