php+ajax簡單實現全選刪除的方法_php技巧

來源:互聯網
上載者:User

本文執行個體講述了php+ajax簡單實現全選刪除的方法。分享給大家供大家參考,具體如下:

<input type="checkbox" id="ckb_selectAll" onclick="selectAll()" title="選中/取消選中"><a href="javascript:void(0);" onclick="del_()" title="刪除選定資料" style="font-weight:normal">刪除</a>

↑全選checkbox

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

↑為刪除項,同一命名class為ckb,方便操作,同時將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(); //逐個擷取id    }  });  ids = ids.substring(1); // 對id進行處理,去除第一個逗號  if (ids.length == 0) {    alert('請選擇要刪除的選項');  } else {    if (confirm("確定刪除?刪除後將無法恢複。")) {      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("頁面請求錯誤,請檢查重試或聯絡管理員!\n" + textStatus);        }      });    }  }}

↑刪除用ajax來處理。

↓後台操作資料庫,處理刪除動作。

$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;

完成

更多關於PHP相關內容感興趣的讀者可查看本站專題:《PHP+ajax技巧與應用小結》、《PHP網路編程技巧總結》、《php物件導向程式設計入門教程》、《php字串(string)用法總結》、《php+mysql資料庫操作入門教程》及《php常見資料庫操作技巧匯總》

希望本文所述對大家PHP程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.