ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用してテーブル内のチェックされた行を削除する方法(コード)

JavaScriptを使用してテーブル内のチェックされた行を削除する方法(コード)

不言
リリース: 2018-08-25 11:41:15
オリジナル
4747 人が閲覧しました

この記事の内容は、JavaScriptを使用してテーブル内のチェックされた行(コード)を削除する方法についてです。必要な友人が参考になれば幸いです。

最初のステップ: 現在のテーブルの選択されたデータを取得します

1

2

3

4

5

6

7

//devicelist为表格的id属性

var checkStatus = table.checkStatus('devicelist')

  ,devicecheck_data = checkStatus.data;

var id_str="";

for(var i=0;i<devicecheck_data .length;i++){

       id_str=id_str+devicecheck_data.id;

}

ログイン後にコピー

第 2 ステップ: テーブル ID と現在の行の ID (一意の識別) を渡すメソッドを記述し、削除操作を実行します

1

2

3

4

5

6

7

8

9

10

11

12

function remove_table_tr(table_id,remove_id){

  var that_table=$("#"+table_id).next();

  var that_checkid=remove_id.split(",");

  $(that_table).find(".layui-table-body .layui-table tr").each(function(){

  var that_tr=$(this);

  var that_did=$(that_tr).find("td[data-field=&#39;did&#39;]").text();

  if(that_checkid.indexOf(that_did)!=-1){

  //将当前行进行删除操作

  $(that_tr).remove();

  }

  })

  }

ログイン後にコピー

JavaScriptを使用してテーブル内のチェックされた行を削除する方法(コード)

関連する推奨事項:

テーブルで TR を選択し、チェックボックスを自動的にチェックする方法

jquery を使用して、選択および削除されたときにチェックボックスが強調表示されるテーブル行を実現します_jquery

以上がJavaScriptを使用してテーブル内のチェックされた行を削除する方法(コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
ノード Js + JS 入力 = document.getElementById
から 1970-01-01 08:00:00
0
0
0
js addClassが機能しない
から 1970-01-01 08:00:00
0
0
0
javascript - jsコードをPythonに変換
から 1970-01-01 08:00:00
0
0
0
jsファイルのコードが見つかりません
から 1970-01-01 08:00:00
0
0
0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート