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


Posted in Javascript onJuly 07, 2015

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 可忽略

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
AngularJS教程 ng-style 指令简单示例
Aug 03 Javascript
jQuery弹出层插件popShow(改进版)用法示例
Jan 23 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
HTML的select控件美化
Mar 27 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
React中阻止事件冒泡的问题详析
Apr 12 Javascript
Vue获取页面元素的相对位置的方法示例
Feb 05 Javascript
vue项目,代码提交至码云,iconfont的用法说明
Jul 30 Javascript
浅谈jQuery中setInterval()方法
Jul 07 #Javascript
javascript数组排序汇总
Jul 07 #Javascript
javascript编写贪吃蛇游戏
Jul 07 #Javascript
Javascript编写2048小游戏
Jul 07 #Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 #Javascript
JavaScript编写连连看小游戏
Jul 07 #Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 #Javascript
You might like
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
php中利用explode函数分割字符串到数组
2014/02/08 PHP
PHP实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
css动画效果之animation的常用样式
2021/03/09 HTML / CSS
DWZ table的原生分页浅谈
2013/03/01 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
2017/03/02 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
2018/02/21 Javascript
vue.js数据绑定操作详解
2018/04/23 Javascript
Vue2.0 v-for filter列表过滤功能的实现
2018/09/07 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
Servlet返回的数据js解析2种方法
2019/12/12 Javascript
antd form表单数据回显操作
2020/11/02 Javascript
vue实现下载文件流完整前后端代码
2020/11/17 Vue.js
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
python简单实现获取当前时间
2016/08/27 Python
使用Python机器学习降低静态日志噪声
2018/09/29 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
django 捕获异常和日志系统过程详解
2019/07/18 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
python爬虫添加请求头代码实例
2019/12/28 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
Android面试题附答案
2014/12/08 面试题
Linux文件操作命令都有哪些
2015/02/27 面试题
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
销售员岗位职责
2015/02/10 职场文书
如何利用pygame实现打飞机小游戏
2021/05/30 Python
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android