这篇文章主要介绍了jquery获取多个checkbox的值异步提交给php的方法,涉及jQuery操作页面元素进行异步传输的相关技巧,需要的朋友可以参考下

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

html代码：

1. <tr> 
2.   <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>"></td> 
3.   <td><?=$item['mtaccount_id']?></td> 
4.   <td><?=$item['account_id']?></td> 
5.   <td><?=$item['account_name']?></td> 
6.   <td><?=$item['server']?></td> 
7.   <td><?=$item['platform']?></td> 
8. </tr> 

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

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

jquery代码：

1. var mt4Ids = []; 
2.  $('input[name=uid]').each(function() { 
3.    if(this.checked) { 
4.      mt4Ids.push($(this).val()); 
5.    } 
6.  }); 
7.  data = { 
8.    mt4Ids : JSON.stringify(mt4Ids) 
9.  }; 
10. var pUrl = "/a/manageUser.html"; 
11. $.post(pUrl, data, function(data){ 
12.    if(data.state == 1){ 
13.      alert(data.msg); 
14.      location.href = "/h/permission.html"; 
15.    }else{ 
16.      alert("操作失败"); 
17.    } 
18.  }, 'json'); 

PHP代码

1. $mt4Ids = !emptyempty($_POST['mt4Ids']) ? $_POST['mt4Ids'] : false; 
2. $stripMt4Ids = preg_replace('/[\"\[\]]/', '', $mt4Ids); 
3. $mt4IdsToArr = explode(',', $stripMt4Ids); 
4. foreach($mt4IdsToArr as $uid){ 
5.    permission_relation::add($uid, $gid); 
6. } 
7. $data = array( 
8.    'state' => 1, 
9.    'msg'  => '操作成功' 
10. ); 
11. echo json_encode($data); 
12. return false; 
13. // $gid 可忽略

Tags: jquery获取多个checkbox

分享到：