向PHP/AJAX联系人表单添加单选按钮

向PHP/AJAX联系人表单添加单选按钮,php,html,ajax,contact-form,Php,Html,Ajax,Contact Form,我无法将单选按钮添加到联系人表单(PHP+AJAX)。代码在正常输入下运行良好,但当我在单击submit按钮后尝试添加单选按钮时,它只是重新加载页面。 我尝试使用: formdata.append( "input[name='group_name']:checked", _("input[name='group_name']:checked").value ); 或 但它不起作用 HTML代码: 网站联络表格 函数Uid{返回文档.getElementById(id);} 函数submi

我无法将单选按钮添加到联系人表单(PHP+AJAX)。代码在正常输入下运行良好,但当我在单击submit按钮后尝试添加单选按钮时,它只是重新加载页面。 我尝试使用:

formdata.append( "input[name='group_name']:checked", _("input[name='group_name']:checked").value ); 

但它不起作用

HTML代码:


网站联络表格
函数Uid{返回文档.getElementById(id);}
函数submitForm(){
_(“mybtn”).disabled=true;
_(“状态”).innerHTML='请稍候…';
var formdata=new formdata();
formdata.append(“n”,“n”).value);
formdata.append(“e”和“e”)值);
formdata.append(“m”,“m”).value);
var group_name=$(“.group_name:checked”).val();
var ajax=new-XMLHttpRequest();
open(“POST”,“example_parser.php”);
ajax.onreadystatechange=函数(){
if(ajax.readyState==4&&ajax.status==200){
if(ajax.responseText==“成功”){
_(“我的表单”).innerHTML=“谢谢”+((“n”).value+,您的邮件已发送。”;
}否则{
_(“状态”).innerHTML=ajax.responseText;
_(“mybtn”).disabled=false;
}
}
}
发送(formdata);
}

选择您的选项:

选择1 选择2


检查浏览器的Javascript控制台是否存在错误。另外,使用
FormData
是否有特定的原因?如果你不需要(上传图像或其他东西),那么你可以通过删除它来省去一些麻烦。通过这个
$r1=$\u POST['input[name='group\u name']:checked'],你到底打算做什么?我几乎可以保证它没有做你认为的事情(可能是抛出语法错误)$r1只是一个示例,说明如何从选中的单选按钮收集数据。我不知道如何从选中的单选按钮连接数据并将其发送到正在将表单发送到电子邮件的php解析器。我不需要使用此方法。但是我找不到任何更好的教程来说明如何使用验证和单选按钮/复选框编写联系人表单的脚本。在Javascript方面,
formdata.append
的第一个参数应该是元素的名称,与其他所有参数一样。您是否考虑过使用jQuery之类的工具。这对你来说会简化很多,我认为你会从中受益。
formdata.append( "input:radio[name=group_name] :selected", _("input:radio[name=group_name] :selected").value );