ホームページ > バックエンド開発 > PHPの問題 > 全選択して削除する機能をPHPで実装する方法

全選択して削除する機能をPHPで実装する方法

藏色散人
リリース: 2023-03-03 12:06:02
オリジナル
2983 人が閲覧しました

PHP で全選択の削除を実装する方法: 最初に全選択の「チェックボックス」を設定し、次にクラスに ckb という名前を付け、入力に ID 値を巧みに入力し、ID を処理して最初の ID を削除します。カンマ 1 つ; 最後にデータベースをバックグラウンドで操作し、削除アクションを処理します。

全選択して削除する機能をPHPで実装する方法

推奨: 「PHP チュートリアル

jQuery php ですべてを選択して削除する簡単な方法

参考までに皆さんと共有します。詳細は次のとおりです:

<input type="checkbox" id="ckb_selectAll" onclick="selectAll()" title="选中/取消选中">
<a href="javascript:void(0);" onclick="del_()" title="删除选定数据" style="font-weight:normal">删除</a>
ログイン後にコピー

↑すべてチェックボックスを選択

<input type="checkbox" class="ckb" id="+con.id+" value="+con.id+">
ログイン後にコピー

↑アイテムを削除するには、同じ名前のクラスがckbです。簡単にアクセスできるように、入力に id 値を上手に入力すると、操作が便利になります。

function selectAll() {
  if ($(&#39;#ckb_selectAll&#39;).is(&#39;:checked&#39;)) {
    $(".ckb").attr("checked", true); //全部选中
  } else {
    $(".ckb").attr("checked", false);//全部取消
  }
}
ログイン後にコピー

↑選択されたイベント

function del_() {
  var ids = &#39;&#39;;
  $(".ckb").each(function() {
    if ($(this).is(&#39;:checked&#39;)) {
      ids += &#39;,&#39; + $(this).val(); //逐个获取id
    }
  });
  ids = ids.substring(1); // 对id进行处理,去除第一个逗号
  if (ids.length == 0) {
    alert(&#39;请选择要删除的选项&#39;);
  } 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で処理されます。

#データベースをバックグラウンドで操作し、削除アクションを処理します。

rree

以上が全選択して削除する機能をPHPで実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート