form表单中包含有checkbox这种表单项的时候,直接提交处理很简单,只需在程序中处理结果即可。但使用jquery的ajax提交时该如何处理呢?下面通过一个例子说明一下。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery $.ajax $.post或者$.get如何提交checkbox的值</title> <script type="text/javascript" src="http://www.maopiaopiao.com/js/jquery.min.js";></script> <script type="text/javascript"> function submitForm(){ var str=''; $("#phpernote>[type=checkbox]").each(function(){ if($(this)[0].checked) { str+=$(this).val()+','; } }); alert(str); } </script> </head> <body> <form id="phpernote" action="javascript:submitForm();" method="post"> <input type="checkbox" value="1" />1<br /> <input type="checkbox" value="2" />2<br /> <input type="checkbox" value="3" />3<br /> <input type="checkbox" value="4" />4<br /> <input type="checkbox" value="5" />5<br /> <input type="submit" value="提交" /> </form> </body> </html>
思路很简单,就是把选中的值都取出来,通过循环处理成字符串,然后传递出去。