這篇文章主要介紹了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程序設計有所幫助。