JS-jquery ajax序列化表单多选框传值

来源：互联网发布：手机淘宝店铺装修注意编辑：程序博客网时间：2024/05/21 09:36

<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: "***.php",      type: "post",      data: student,      success: function (result) {          //      }  });

但是对于一个form，除了有checkbox外还有其他的控件。为了将整个form都传递给php。需要将checkbox的值传递给隐藏的input

$('input[type=checkbox]').change(function(){            $('#Account').val($('input[type=checkbox]:checked').map(function(){return this.value}).get().join(','))          })

然后将其序列化之后传递

var obj = $("#video_form").serialize();          $.ajax({               type: "POST",               url: "add_video.php",               data: $("#video_form").serialize(),               success: function(data){                   //$("#loadingModal").modal('hide');                    var res = $.parseJSON(data);                   if(res.status === "success"){                       alert("success");                   }else{                       $("#alert").css('display','block');                       alert(res.msg);                   }               },               error: function(data){                                  }          });

之后再php页面直接将$_POST['Account']赋值给变量，然后将变量分隔开即可得到checkbox的每个值，之后再进行操作即可。

原文链接：http://blog.csdn.net/qq_24018243/article/details/52316949

阅读全文

0 0