ホームページ > ウェブフロントエンド > jsチュートリアル > JS を使用してページの削除と並べ替え機能を実装する

JS を使用してページの削除と並べ替え機能を実装する

怪我咯
リリース: 2017-03-29 15:53:16
オリジナル
1680 人が閲覧しました

まず、jqury セレクターを使用してチェックされた行を選択します:

var cks = $("#indicator_table").find("input[type='checkbox']:checked");
ログイン後にコピー



次に、確認ボックスがポップアップし、delInd() イベントが削除ボックスの確認にバインドされます

最初にそれを配置します。ページ上で選択した行について、削除または html (" ")、

$("#indicator_table").find("input[type='checkbox']:checked").each(function(i, o){
// 获取checkbox所在行的顺序 
n = $(this).parents("tr").index();
$("#indicator_table").find("tr:eq(" + n + ")").remove();
});
$("#deleteModal").modal("hide");
ログイン後にコピー



残りの行を並べ替えるには、jqury セレクターが必要で、テーブルの行を選択し、循環割り当てを実行します:

うーん

以上がJS を使用してページの削除と並べ替え機能を実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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