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

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

不言
不言オリジナル
2018-08-25 11:41:154601ブラウズ

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

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

//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 (一意の識別) を渡すメソッドを記述し、削除操作を実行します

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 までご連絡ください。