teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コードの追加

2017/05/10 01:31

投稿

hide09090909
hide09090909

スコア68

title CHANGED
File without changes
body CHANGED
@@ -35,6 +35,41 @@
35
35
  </html>
36
36
  ```
37
37
 
38
+ jspファイルをChromeで実行した際のソースは以下の通りです。
39
+ ```ここに言語を入力
40
+ <html>
41
+ <head>
42
+ <meta charset="utf-8">
43
+ <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
44
+ <script>
45
+ $(function(){
46
+ $('#add').on("click", function() {
47
+ 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>';
48
+ $('#sample_table').append(tr);
49
+ });
50
+
51
+ $('#del').on("click", function() {
52
+ $('#sample_table input[type=checkbox]:checked').each(function() {
53
+ $(this).closest('tr').remove();
54
+ });
55
+ });
56
+ });
57
+ </script>
58
+ </head>
59
+ <body>
60
+
61
+ <table id="sample_table" class="demo">
62
+ <tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th></tr>
63
+ </table>
64
+
65
+ <button type="button" id="add" name="sampleadd" class="btn margin-bottom" style="color: #ffffff; background-color: #40b740;">追加</button>
66
+ <button type="button" id="del" name="sampledel" class="btn margin-bottom" style="color: #ffffff; background-color: #40b740;">削除</button>
67
+
68
+ </body>
69
+ </html>
70
+
71
+ ```
72
+
38
73
  何が原因で、動作が異なるのか理解できず、修正が行えません。
39
74
  どなたか、分かる方、問題点/修正方法を教えてください。
40
75
  よろしくお願い致します。