溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何在php中使用jQuery實(shí)現(xiàn)一個(gè)全選刪除功能

發(fā)布時(shí)間:2021-01-28 09:11:57 來源:億速云 閱讀:432 作者:Leah 欄目:開發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)如何在php中使用jQuery實(shí)現(xiàn)一個(gè)全選刪除功能,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

具體如下:

<input type="checkbox" id="ckb_selectAll" onclick="selectAll()" title="選中/取消選中">
<a href="javascript:void(0);" onclick="del_()" title="刪除選定數(shù)據(jù)" >刪除</a>

↑全選checkbox

<input type="checkbox" class="ckb" id="+con.id+" value="+con.id+">

↑為刪除項(xiàng),同一命名class為ckb,方便操作,同時(shí)將id值巧妙的放入input中,方便獲取。

function selectAll() {
  if ($('#ckb_selectAll').is(':checked')) {
    $(".ckb").attr("checked", true); //全部選中
  } else {
    $(".ckb").attr("checked", false);//全部取消
  }
}

↑選中事件

function del_() {
  var ids = '';
  $(".ckb").each(function() {
    if ($(this).is(':checked')) {
      ids += ',' + $(this).val(); //逐個(gè)獲取id
    }
  });
  ids = ids.substring(1); // 對(duì)id進(jìn)行處理,去除第一個(gè)逗號(hào)
  if (ids.length == 0) {
    alert('請(qǐng)選擇要?jiǎng)h除的選項(xiàng)');
  } else {
    if (confirm("確定刪除?刪除后將無法恢復(fù)。")) {
      url = "action=del_call_record&ids=" + ids;
      $.ajax({
        type: "post",
        url: "send.php",
        data: url,
        success: function(json) {
          if (parseInt(json.counts) > 0) {
            alert(json.des);
            location.reload();
          } else {
            alert(json.des);
          }
        },
        error: function(XMLHttpRequest, textStatus) {
          alert("頁(yè)面請(qǐng)求錯(cuò)誤,請(qǐng)檢查重試或聯(lián)系管理員!\n" + textStatus);
        }
      });
    }
  }
}

↑刪除用ajax來處理。

↓后臺(tái)操作數(shù)據(jù)庫(kù),處理刪除動(dòng)作。

$ids = trim($_REQUEST['ids']);
$del_sql = "DELETE FROM vicidial_call_record WHERE id IN(".$ids.")";
//print_r($del_sql);exit;
if (mysqli_query($db_conn, $del_sql)) {
  $counts = "1";
  $des = "成功";
} else {
  $counts = "0";
  $des = "失敗";
}
$json_data = "{";
$json_data. = "\"counts\":".json_encode($counts).",";
$json_data. = "\"des\":".json_encode($des)."";
$json_data. = "}";
echo $json_data;
break;

關(guān)于如何在php中使用jQuery實(shí)現(xiàn)一個(gè)全選刪除功能就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI