jqueryは複数のチェックボックスの値を取得し、非同期でphp_jqueryに送信します。-jsチュートリアル-php.cn

jqueryは複数のチェックボックスの値を取得し、非同期でphp_jqueryに送信します。

WBOY

リリース： 2016-05-16 15:50:58

オリジナル

1138 人が閲覧しました

HTML コード:

<tr>
  <td><input type="checkbox" name="uid" value="<&#63;=$item['mtaccount_id']&#63;>"></td>
  <td><&#63;=$item['mtaccount_id']&#63;></td>
  <td><&#63;=$item['account_id']&#63;></td>
  <td><&#63;=$item['account_name']&#63;></td>
  <td><&#63;=$item['server']&#63;></td>
  <td><&#63;=$item['platform']&#63;></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>

ログイン後にコピー

jクエリコード:

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']) &#63; $_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 可忽略

ログイン後にコピー

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。