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

Question

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

Answer 1

<input type="checkbox" name="student" value="1" data-age="18" /><input type="checkbox" name="student" value="2" data-age="19" /><input type="checkbox" name="student" value="3" data-age="20" />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以前版本 用&nbsp; $(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用attr,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用attr,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);

Answer 2

jq获取多个checkbox的值的方法：<form&nbsp;name="fm"&nbsp;action=""><input&nbsp;type="checkbox"&nbsp;name="checkbox"&nbsp;value="1"&nbsp;/>1<input&nbsp;type="checkbox"&nbsp;name="checkbox2"&nbsp;value="2"&nbsp;/>2<input&nbsp;type="checkbox"&nbsp;name="checkbox3"&nbsp;value="3"&nbsp;/>3<input&nbsp;name="checkbox4"&nbsp;type="checkbox"&nbsp;value="4"&nbsp;/>4<input&nbsp;type="button"&nbsp;id="btn"&nbsp;value="提交"&nbsp;/></from><script&nbsp;type="text/javascript">$(document).ready(function(){$("#btn").click(function(){//第一种方案，直接获取数组值&nbsp;&nbsp;/*var&nbsp;chenked=$("input[type='checkbox']:checked").val([]);//获取提交的表单下input为复选框所有选中的数组值&nbsp;for(var&nbsp;i=0;i<chenked.length;i++){&nbsp;&nbsp;&nbsp;&nbsp;//循环值&nbsp;alert(chenked[i].value);&nbsp;}*///第二种方案，获取复选框对象数组，var&nbsp;ck&nbsp;=&nbsp;$("input[type='checkbox']:checked")&nbsp;&nbsp;&nbsp;&nbsp;//获取选中的复选框数组var ckVal = "";for(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i<ck.length;&nbsp;i++){&nbsp; //alert($(ck[i]).val())//循环得到当前选择的值ckVal += $(ck[i]).val() + ",";}alert(ckVal)});});</script>效果：