form表单提交了多个checkbox怎么获取复选框的值存入数组？

jquery,ajax 如何提交多个checkbox的值？~

var student = $("input[name='student']:checked").serialize();
$.ajax({
url: "your-url",
type: "post",
data: student,
success: function (result) {
//handle
}
});如果3个都是选中的状态的话，后台接收的数据为1,2,3

扩展资料：关于jQuery对checkbox的其他操作
1、根据id获取checkbox
$("#cbCheckbox1");
2、获取所有的checkbox
$("input[type='checkbox']");//or
$("input[name='cb']");
3、获取所有选中的checkbox
$("input:checkbox:checked");//or
$("input:[type='checkbox']:checked");//or
$("input[type='checkbox']:checked");//or
$("input:[name='ck']:checked");
4、获取checkbox值
//用.val()即可，比如：
$("#cbCheckbox1").val();
5、获取多个选中的checkbox值
var vals = [];
$('input:checkbox:checked').each(function (index, item) {
vals.push($(this).val());
});
6、判断checkbox是否选中（jquery 1.6以前版本 用 $(this).attr("checked")）
$("#cbCheckbox1").click(function () {
if ($(this).prop("checked")) {
alert("选中");
} else {
alert("没有选中");
}
});
7、设置checkbox为选中状态
$('input:checkbox').attr("checked", 'checked');//or
$('input:checkbox').attr("checked", true);
8、设置checkbox为不选中状态
$('input:checkbox').attr("checked", '');//or
$('input:checkbox').attr("checked", false);
9、设置checkbox为禁用状态(jquery=1.6建议用prop)
$("input[type='checkbox']").attr("disabled", "disabled");//or
$("input[type='checkbox']").attr("disabled", true);//or
$("input[type='checkbox']").prop("disabled", true);//or
$("input[type='checkbox']").prop("disabled", "disabled");
10、设置checkbox为启用状态(jquery=1.6建议用prop)
$("input[type='checkbox']").removeAttr("disabled");//or
$("input[type='checkbox']").attr("disabled", false);//or
$("input[type='checkbox']").prop("disabled", "");//or
$("input[type='checkbox']").prop("disabled", false);

1、首先创建一个名称为 checkbox_form_id的html文件 。

2、添加2个input元素 设置input类型为checkbox设置并分别设置id，添加一个form设置id为“thisisformid”。

3、添加一个button按钮，在点击事件中加入自定义函数my_checkbox_form_id，添加一p标签，设置id 为 show_checkbox_form_id。

4、在javascript中创建一个自定义函数 my_checkbox_form_id。

5、在自定义函数中获取input对象。用form属性获取表单对象，用表单的id属性获取表单的id值，并将结果显示到p标签中。

6、最后在浏览器中打开文件，点击button查看获取到的表单id效果。

例：

<scriptsrc="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="1"/>

<label>幻觉</label>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="2"/>

<label>交流困难</label>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="3"/>

<label>猜疑</label>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="4"/>

<label>喜怒无常</label>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="5"/>

行为怪异

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="6"/>

兴奋话多

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="7"/>

<label>伤人毁物</label>

<br/>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="8"/>

<label>悲观厌世</label>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="9"/>

<label>无故外走</label>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="10"/>

<label>自言自语</label>

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="11"/>

孤僻懒散

<inputname="Jszzdm1"id="Jszzdm1"type="checkbox"value="12"/>其他

<inputtype="hidden"name="Jszzdm"id="Jszzdm"value="@Model.Jszzdm"/>

<script>

$('input[type=checkbox]').change(function(){

$('#Jszzdm').val($('input[type=checkbox]:checked').map(function(){returnthis.value}).get().join(','))

})

</script>

<inputtype="button"value="GET"onclick="alert($('#Jszzdm').val())"/>

扩展资料

from表单中checkbox的多选，ajax转入后台，后台接受

varcheck=[];//定义一个空数组

$("input[name='category']:checked").each(function(i){//把所有被选中的复选框的值存入数组

check[i]=$(this).val();

});

$.ajax({

type:"post",

url:"${ctx}/ask/ask/check",

data:{"check":check},

traditional:true,

datatype:"json",

success:function(dates){

},

error:function(){

alert("失败，请稍后再试！");

}

});

dim check()
dim i
redim check(request.form("checkbox").count - 1)
for i = 0 to ubound(check)
check(i) = request.form("checkbox")(i + 1)
next

或者：

dim check()
check = Split(request.form("checkbox"), ", ")

建议用第一种方法，是标准用法，下面那种是走偏门

---

休宁县19376506389： 一个form包含了多个select ,怎么传值 - ？
雷类盆炎： <form action=....Acton.do name= method=dopost <%for(int i=0 ;i<list.size();i++){UserVO vo=new UserVO(); vo=list.get(i);%<select name=select <option value=school1 selected<%=vo.getSchool() % </option <option value=company1<%=vo....

休宁县19376506389： form表单有多个file提交获取值？
雷类盆炎： 我给个例子给你吧: function he(){ var file=document.getElementById(＂haa＂).files[0]; console.log(file); alert(file['name']); }

休宁县19376506389： form表单提交了多个checkbox怎么获取复选框的值存入数组? - ？
雷类盆炎： redim Preserve check(i)//i=0 for i = 0 to check.length - 1//check.length =0

休宁县19376506389： 一个页面不同form里面的checkbox的name可以一样么? - ？
雷类盆炎： 一般页里面最好只要一个FORM表单,个人觉得应该可以.但提交的时候只能提交一个表单,不能两个一起提交,两个一起提交的话,第一个的数据会被第二个覆盖.

休宁县19376506389： 怎样获取表单提交上来的多个checkbox的 - ？
雷类盆炎： 每一组checkbox 设一个name 获取就跟你获取文本框的值一样,不过CheckBox 默认会以逗号分割 (value1,value2,value3)

休宁县19376506389： form表单提交多个对象,springmvc怎么接收 csdn - ？
雷类盆炎： 这种应该创建一个VIewmodel 把对象们包起来,提交Viewmodel

休宁县19376506389： 用js提交表单解决一个页面有多个提交按钮的问题 - ？
雷类盆炎： 用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单.1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18<preclass=＂javascript＂name=＂code＂>function check(txt){ $j(＂form＂)....

休宁县19376506389： 如何在一个form里用多个提交按钮 - ？
雷类盆炎： 一.表单的action=＂＂ 用按钮提交:<input type='submit' name='Field' value='按文章标题搜索'onClick=＂frm1.action='aaaa.asp'＂><input type='submit2' name='Field' value='按文章标题搜索'onClick=＂frm1.action='bbbb.asp'＂> 就是这样!补充回...

休宁县19376506389： 一张页面能不能同时有多个form提交 - ？
雷类盆炎： 可以,你说的哪种都可以 多个form,或者多个提交按钮对应一个form都完全没有问题 不知道你是怎么做的,想达到什么效果不行的 当然,要注意的是,多个form的话,每次提交,页面只会接收到提交的那个form的值 form不可以嵌套

休宁县19376506389： onsubmit 验证多个 funciton后提交问题? - ？
雷类盆炎： funciton checkForm(){if(a() /function a和function b都为TRUEreturn true;}else{return false;}} 如果再有c,d,e也是同样道理:if(a() && b() && c() && d...