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

这篇文章主要介绍了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 可忽略 

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