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="https://www.feishuai.vip/js/jquery.min.js";></script>
<script type="text/javascript">
function submitForm({
var str='';
$("#sfjvip>[type=checkbox]".each(function({
if($(this[0].checked {
str+=$(this.val(+',';
}
};
alert(str;
}
</script>
</head>
<body>
<form id="sfjvip" 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>
思路很简单,就是把选中的值都取出来,通过循环处理成字符串,然后传递出去。