用AJAX的POST方式提交表单，函数如下：

1. function createXMLHttp()
2. {
3. var xmlhttp = false;
4. try
5. {
6. xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
7. }
8. catch (e)
9. {
10. try
11. {
12. xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
13. }
14. catch (E)
15. {
16. xmlhttp = false;
17. }
18. }
19. if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
20. {
21. xmlhttp = new XMLHttpRequest();
22. }
23. return xmlhttp;
24. }
25. function getRequestBody(oForm)
26. {
27. var aParams = new Array();
28. for (var i=0 ; i < oForm.elements.length; i++)
29. {
30. var sParam = encodeURIComponent(oForm.elements[i].name);
31. sParam += "=";
32. sParam += encodeURIComponent(oForm.elements[i].value);
33. aParams.push(sParam);
34. }
35. return aParams.join("&");
36. }
37. function sendPostRequest()
38. {
39. var oForm = document.forms[0];
40. var sBody = getRequestBody(oForm);
41. var xmlhttp = createXMLHttp();
42. xmlhttp.open("POST", oForm.action, true);
43. xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
44. xmlhttp.onreadystatechange = function()
45. {
46. if (xmlhttp.readyState == 4)
47. {
48. if (xmlhttp.status == 200)
49. {
50. // success
51. }
52. else
53. {
54. // failed
55. }
56. }
57. };
58. xmlhttp.send(sBody);
59. }

一个含有复选框的表单：

1. <form id="Reg-form" name="Reg-form" onsubmit="sendPostRequest(); return false;"
2. action="submit.php" method="post" encType="multipart/form-data">
3. <input type="checkbox" name="os[]" value="1" autocomplete="off">Linux<br>
4. <input type="checkbox" name="os[]" value="2" autocomplete="off">Mac OS<br>
5. <input type="checkbox" name="os[]" value="3" autocomplete="off">Windows<br>
6. <input id="submit" type="submit" value="Submit" name="submit">
7. </form>

直接用浏览器提交，服务器端的$_POST['os']只有选中项的值，但用sendPostRequest()提交，不管是否选中选项，$_POST['os']永远包含所有选项的值。

针对这个问题，常见的解决方法是不使用POST方式，而用GET方式来提交表单，比如这篇文章：
http://www.captain.at/howto-ajax-form-post-get.php

既然AJAX总是提交所有选项的值，那就把选项的值默认设为空，当选中的时候再赋值，就能保证服务器端只接收到选中项的值了。

方法是用一个函数来设置选项的值，把选项的值先保存在alt属性中：

1. <form id="Reg-form" name="Reg-form" onsubmit="sendPostRequest(); return false;"
2. action="submit.php" method=post encType=multipart/form-data>
3. <input type="checkbox" name="os[]" alt="1" value="" autocomplete="off" onclick="checkboxValue(this);">Linux<br>
4. <input type="checkbox" name="os[]" alt="2" value="" autocomplete="off" onclick="checkboxValue(this);">Mac OS<br>
5. <input type="checkbox" name="os[]" alt="3" value="" autocomplete="off" onclick="checkboxValue(this);">Windows<br>
6. <input id="submit" type="submit" value="Submit" name="submit">
7. </form>
8. <script language="JavaScript">
9. function checkboxValue(obj)
10. {
11. if(obj.checked)
12. {
13. objobj.value = obj.alt;
14. }
15. else
16. {
17. obj.value = "";
18. }
19. }
20. </script>