jquery獲取多個(gè)checkbox的值異步提交給php

更新時(shí)間：2015年07月07日 12:00:47 投稿：hebedich

這篇文章主要介紹了jquery獲取多個(gè)checkbox的值異步提交給php的相關(guān)資料,需要的朋友可以參考下

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里的數(shù)據(jù)是從數(shù)據(jù)庫讀出來的，在此可以理解為下面代碼

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

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

jquery的map與get方法詳解
本文是對jquery的map與get方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
JQuery插入DOM節(jié)點(diǎn)的方法
這篇文章主要介紹了JQuery插入DOM節(jié)點(diǎn)的方法,實(shí)例分析了jQuery實(shí)現(xiàn)DOM結(jié)點(diǎn)插入所涉及的常見函數(shù)使用技巧,需要的朋友可以參考下
2015-06-06
jQuery LigerUI 使用教程入門篇
jQuery LigerUI 是基于jQuery的一系列UI控件組合，簡單而又強(qiáng)大，致力于快速打造Web前端界面解決方案。因?yàn)槭乔岸丝丶?wù)器無關(guān)，可以適合.net,jsp,php等等web服務(wù)器環(huán)境
2012-01-01
基于Datatables跳轉(zhuǎn)到指定頁的簡單實(shí)例
下面小編就為大家?guī)硪黄贒atatables跳轉(zhuǎn)到指定頁的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
jQuery實(shí)現(xiàn)垂直半透明手風(fēng)琴特效代碼分享
這是一款jquery hover抽屜式導(dǎo)航圖片展開收縮切換特效代碼，用戶還可以自定義對應(yīng)幻燈片的標(biāo)題與文字說明，是一款非常實(shí)用的幻燈片特效源碼。
2015-08-08
jQuery實(shí)現(xiàn)的Div窗口震動(dòng)效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的Div窗口震動(dòng)效果,可實(shí)現(xiàn)點(diǎn)擊提交后窗口出現(xiàn)震動(dòng)效果,需要的朋友可以參考下
2015-08-08
基于jquery的滾動(dòng)條滾動(dòng)固定div(附演示下載)
今天與大家分享一下我寫的一個(gè)滾動(dòng)條滾動(dòng)固定div的例子，現(xiàn)在很多地方都可以看到這樣的效果
2012-10-10
如何使用jQuery技術(shù)開發(fā)ios風(fēng)格的頁面導(dǎo)航菜單
這篇文章主要介紹了如何使用jQuery技術(shù)開發(fā)ios風(fēng)格的頁面導(dǎo)航菜單,需要的朋友可以參考下
2015-07-07
jquery實(shí)現(xiàn)上傳圖片功能
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)上傳圖片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
jQuery 學(xué)習(xí)6 操縱元素顯示效果的函數(shù)
jQuery提供了hide() ,show()對元素進(jìn)行隱藏和顯示，下面看兩個(gè)函數(shù)的應(yīng)用
2010-02-02