Q&A
ラジオをボタンで選択した行を別の表に追加し、追加した行をチェックボックスで選択し指定すると、指定した行のみ削除を行えるjspファイルを作成したいです。
以下のサンプルコードをHTMLファイルで実行した際は、目的の通りに、動くのですが、jspファイルに変更して実行すると削除機能が動きません。
<html> <head> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(function(){ $('#add').on("click", function() { var tr = '<tr><td><input type="checkbox" name="checkbox" value="' + "val" + '"></td><td>' + "val" + '</td><td>' + "resuto21" + '</td><td>' + "tesuto3" + '</td><td>' + "tesuto4" + '</td><td>' + "tesuto5" + '</td><td>' + "val" + '</td></tr>'; $('#sample_table').append(tr); }); $('#del').on("click", function() { $('#sample_table input[type=checkbox]:checked').each(function() { $(this).closest('tr').remove(); }); }); }); </script> </head> <body> <table id="sample_table" class="demo"> <tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th></tr> </table> <button type="button" id="add" name="sampleadd" class="btn margin-bottom" style="color: #ffffff; background-color: #40b740;">追加</button> <button type="button" id="del" name="sampledel" class="btn margin-bottom" style="color: #ffffff; background-color: #40b740;">削除</button> </body> </html>
削除する要素の指定を以下のようにすると、表内のtr要素全て削除されてしまうため、関数の呼出は行われています。
$('tr').remove();
jQueryのremove関数は変数を指定できないのでしょうか？
もしできるのであれば、どのように記述すればよいか、
出来ない場合は他に利用できる関数などがあるかを教えていただきたいです。
回答1件
0
ベストアンサー
同じ質問を繰り返しているようですが検証は進んでいないのでしょうか？
「#del」のクリックイベントを以下でやってもダメですか？
javascript
1 $('#del').on("click", function() { 2 $('#sample_table tr:has(input[type=checkbox]:checked)').remove(); 3 });
投稿2017/05/16 02:41
編集2017/05/16 02:42
総合スコア114779
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/16 04:02