jquery获取多个checkbox的值异步提交给php的方法

本文实例讲述了jquery获取多个checkbox的值异步提交给php的方法。分享给大家供大家参考。具体实现方法如下:

html代码:

<tr>
  <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>"></td>
  <td><?=$item['mtaccount_id']?></td>
  <td><?=$item['account_id']?></td>
  <td><?=$item['account_name']?></td>
  <td><?=$item['server']?></td>
  <td><?=$item['platform']?></td>
</tr>

我的是html里的数据是从数据库读出来的,在此可以理解为下面代码

<li><input type="checkbox" name="uid" value="1" />用户1</li>
<li><input type="checkbox" name="uid" value="2" />用户2</li>
<li><input type="checkbox" name="uid" value="3" />用户3</li>
<li><input type="checkbox" name="uid" value="4" />用户4</li>

jquery代码:

var mt4Ids = [];
 $('input[name=uid]').each(function() {
   if(this.checked) {
     mt4Ids.push($(this).val());
   }
 });
 data = {
   mt4Ids : JSON.stringify(mt4Ids)
 };
var pUrl = "/a/manageUser.html";
$.post(pUrl, data, function(data){
   if(data.state == 1){
     alert(data.msg);
     location.href = "/h/permission.html";
   }else{
     alert("操作失败");
   }
 }, 'json');

PHP代码

$mt4Ids = !empty($_POST['mt4Ids']) ? $_POST['mt4Ids'] : false;
$stripMt4Ids = preg_replace('/[\"\[\]]/', '', $mt4Ids);
$mt4IdsToArr = explode(',', $stripMt4Ids);
foreach($mt4IdsToArr as $uid){
   permission_relation::add($uid, $gid);
}
$data = array(
   'state' => 1,
   'msg'  => '操作成功'
);
echo json_encode($data);
return false;
// $gid 可忽略

希望本文所述对大家的php程序设计有所帮助。

(0)

相关推荐

  • jquery ajaxSubmit 异步提交的简单实现

    前台js 复制代码 代码如下: $("#nickForm").ajaxSubmit({     type: "post",     url: "http://localhost:8080/test/myspace.do?method=updateNick&param=1",     dataType: "json",     success: function(result){ //返回提示信息            

  • jQuery异步提交表单的两种方式

    本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交 $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: GLOBAL_PATH + "/Enterprise/savecompanyphoto", data: {username:$("#username").val(), content:$("#cont

  • Jquery异步提交表单代码分享

    功能很实用代码也很简单,就不多废话了,直接奉上: $.ajax({ url:"mobileSurveyAction_addSurvey.action",//提交地址 data:$("#form1").serialize(),//将表单数据序列化 type:"POST", dataType:"json", success:function(result){ if (result.success == '100'){ $(&quo

  • jquery下异步提交表单 异步跨域提交表单

    1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 使用 jQuery 异步提交表单代码: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <script src="js/jquery-1.4.2.js">&l

  • Jquery.Form 异步提交表单的简单实例

    http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html# 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: 复制代码 代码如下: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username&qu

  • jquery获取多个checkbox的值异步提交给php

    html代码: <tr> <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>"></td> <td><?=$item['mtaccount_id']?></td> <td><?=$item['account_id']?></td&g

  • Jquery结合HTML5实现文件上传

    1.利用Jquery使用HTML5的FormData属性实现对文件的上传 在HTML5以前我们如果需要实现文件上传服务器等功能的时候,有时候我们不得不依赖于FLASH去实现,而在HTML5到来之后,我们很容易的实现对文件的上传,只需要利用HTML5的一个FormData属性,结合Jquery就很容易实现文件的上传,而且读取文件的上传进度,下面这个上传案例就是基于上面所说的实现的,下面我将所所有的JS和CSS以及HTML页面代码放在下面. 注意事项:FormData属性必须依赖于HTML5,所以如

  • 分享20多个很棒的jQuery 文件上传插件或教程

    1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度.图像自动缩略和上传分块.可同时上传多个文件. 2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE 3. SWFUpload jQuery Plugin 4. AjaxFileUpload 5. Uploadify Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下: 支持单文件或多文件上

  • jQuery Ajax文件上传(php)

    如何实现jQuery的Ajax文件上传,PHP如实文件上传.AJAX上传文件,PHP上传文件. [PHP文件上传] 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的.实际上,在这里不管是PHP,JSP,还是ASP处理上传的文件,其实都是WEB早已把文件上传到服务器了,我们只是运用上传处理函数来处理上传的文件.而处理函数一般都是用PHP,JSP,ASP等服务端语言来实现的.那么如何通过WEB(HTTP协议来上传文件呢?)你需要类似于以下的HTML代码:test.html 复制代码 代

  • jquery实现简洁文件上传表单样式

    文章开始先告诉大家制作jquery实现简洁文件上传表单样式的简易教程. 效果图: 页面结构: <div class="uploader white"> <input type="text" class="filename" readonly="readonly"/> <input type="button" name="file" class="b

  • JQuery异步提交表单与文件上传功能示例

    本文实例讲述了JQuery异步提交表单与文件上传功能.分享给大家供大家参考,具体如下: Jquery.form.js是一个可以异步提交表单及上传文件的插件. 示例如下: index.html <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript"

  • js jquery分别实现动态的文件上传操作按钮的添加和删除

    javascript实现 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h

随机推荐