質問編集履歴
2
書式の改善、コードの変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,10 +18,6 @@
|
|
18
18
|
|
19
19
|
<meta charset="utf-8">
|
20
20
|
|
21
|
-
<link rel="stylesheet" href="rings.css">
|
22
|
-
|
23
|
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
24
|
-
|
25
21
|
<title>rings Dscore</title>
|
26
22
|
|
27
23
|
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
1
書式の改善、コードの変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,12 @@
|
|
1
|
-
group1,group2で選択したチェックボックスの文字列を変数orderに格納しています。orderに格納されている要素それぞれについて、cutクラスを持っていればnum_possibleを3にする、G2クラスを持っていればnum_possible-=1にするという変数うを var cut = $(order[m]).hasClass('cut');と var power = $(order[m]).hasClass('G2');で定義し、配列orderについてfor文を書きました
|
1
|
+
group1,group2で選択したチェックボックスの文字列を変数orderに格納しています。orderに格納されている要素それぞれについて、cutクラスを持っていればnum_possibleを3にする、G2クラスを持っていればnum_possible-=1にするという変数うを var cut = $(order[m]).hasClass('cut');と var power = $(order[m]).hasClass('G2');で定義し、配列orderについてfor文を書きました。
|
2
|
+
|
3
|
+
現在の問題点は
|
4
|
+
|
5
|
+
・cutクラスを持ったチェックボックスをチェックしても変数cutがtrueにならないこと
|
6
|
+
|
7
|
+
・G2クラスを持ったチェックボックスをチェックしても変数powerがtrueにならないこと
|
8
|
+
|
9
|
+
です。私はvar cut = $(order[m]).hasClass('cut')の書き方に問題があると考えています。適切な書き方がございましたら教えていただけると幸いです。
|
2
10
|
|
3
11
|
```javascript
|
4
12
|
|
@@ -40,32 +48,28 @@
|
|
40
48
|
|
41
49
|
}).get();
|
42
50
|
|
51
|
+
console.log(order[3]);
|
52
|
+
|
53
|
+
var num_possible = 3
|
54
|
+
|
55
|
+
console.log(num_possible);
|
56
|
+
|
57
|
+
var n = $("input[type=checkbox]:checked").length;
|
58
|
+
|
59
|
+
console.log(n);
|
60
|
+
|
61
|
+
** var cut = $(order[m]).hasClass('cut');**
|
62
|
+
|
63
|
+
console.log(cut);
|
64
|
+
|
65
|
+
**var power = $(order[m]).hasClass('G2');**
|
66
|
+
|
67
|
+
console.log(power);
|
68
|
+
|
69
|
+
for(var m=0 ; m < n ; m++){
|
70
|
+
|
43
71
|
console.log(order);
|
44
72
|
|
45
|
-
console.log(order[1]);
|
46
|
-
|
47
|
-
console.log(order[3]);
|
48
|
-
|
49
|
-
var num_possible = 3
|
50
|
-
|
51
|
-
console.log(num_possible);
|
52
|
-
|
53
|
-
var n = $("input[type=checkbox]:checked").length;
|
54
|
-
|
55
|
-
console.log(n);
|
56
|
-
|
57
|
-
var cut = $(order[m]).hasClass('cut');
|
58
|
-
|
59
|
-
console.log(cut);
|
60
|
-
|
61
|
-
var power = $(order[m]).hasClass('G2');
|
62
|
-
|
63
|
-
console.log(power);
|
64
|
-
|
65
|
-
for(var m=0 ; m < n ; m++){
|
66
|
-
|
67
|
-
console.log(order);
|
68
|
-
|
69
73
|
if(cut){
|
70
74
|
|
71
75
|
num_possible =3
|
@@ -124,52 +128,12 @@
|
|
124
128
|
|
125
129
|
}
|
126
130
|
|
127
|
-
console.log(num_possible);
|
128
|
-
|
129
|
-
$.each([0,1,2,3,4,5,6,7,8,9],function(){
|
130
|
-
|
131
|
-
$('#show'+($(this).get(0)+1)).text(order[$(this).get(0)]||"");
|
132
|
-
|
133
131
|
});
|
134
132
|
|
135
|
-
$('.all_delete').on('click',function(){
|
136
|
-
|
137
|
-
$('.group :checkbox:checked').prop('checked',false);
|
138
|
-
|
139
|
-
$('[id^="show"]').text("");
|
140
|
-
|
141
|
-
$('.group label[data-date]').attr('data-date',null);
|
142
|
-
|
143
|
-
$('input[type=checkbox]:not(:checked)').prop('disabled',false);
|
144
|
-
|
145
|
-
num_possible = 3;
|
146
|
-
|
147
|
-
$('#all_total').text(0);
|
148
|
-
|
149
|
-
$('#waza_total').text(0);
|
150
|
-
|
151
|
-
$('#group_total').text(0);
|
152
|
-
|
153
|
-
});
|
154
|
-
|
155
|
-
});
|
156
|
-
|
157
133
|
|
158
134
|
|
159
|
-
$(".select").click(function(){
|
160
|
-
|
161
|
-
$(".graph").fadeIn();
|
162
|
-
|
163
|
-
});
|
164
|
-
|
165
135
|
|
166
136
|
|
167
|
-
$(".fa").click(function(){
|
168
|
-
|
169
|
-
$(".graph").fadeOut();
|
170
|
-
|
171
|
-
});
|
172
|
-
|
173
137
|
});
|
174
138
|
|
175
139
|
</script>
|
@@ -178,151 +142,7 @@
|
|
178
142
|
|
179
143
|
<body>
|
180
144
|
|
181
|
-
<div class="top">
|
182
|
-
|
183
|
-
<div class="top_score">
|
184
|
-
|
185
|
-
<div><h3 class = "btn all_delete">選択した技を解除</h3></div>
|
186
|
-
|
187
|
-
<div><h3 class = "btn select">選択した技を表示</h3></div>
|
188
|
-
|
189
|
-
<h1>合計得点:<span id="all_total">0</span>点 </h1>
|
190
|
-
|
191
|
-
<h2>技得点:<span id="waza_total">0</span>点 </h2>
|
192
|
-
|
193
|
-
<h2>グループ得点:<span id="group_total">0</span>点 </h2>
|
194
|
-
|
195
|
-
<h2>ND:<span id="ND">0.3</span>点 </h2>
|
196
|
-
|
197
|
-
<h2>技数減点:<span id="waza_number">0</span>点 </h2>
|
198
|
-
|
199
|
-
</div>
|
200
|
-
|
201
|
-
<div class="top_graph">
|
202
|
-
|
203
|
-
<table border="" class = "graph">
|
204
|
-
|
205
|
-
<th colspan=4 >
|
206
|
-
|
207
|
-
<i class="btn fa fa-2x fa-times"></i>
|
208
|
-
|
209
|
-
</th>
|
210
|
-
|
211
|
-
<tr>
|
212
|
-
|
213
|
-
<th colspan=4 height="10%" width = "100%">選択した技</th>
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
</tr>
|
218
|
-
|
219
|
-
<tr align="center">
|
220
|
-
|
221
|
-
|
145
|
+
<div class="top"></div>
|
222
|
-
|
223
|
-
<td width = "40%">
|
224
|
-
|
225
|
-
<span id="show1"></span>
|
226
|
-
|
227
|
-
</td>
|
228
|
-
|
229
|
-
<td width = "10%">6</td>
|
230
|
-
|
231
|
-
<td width = "40%">
|
232
|
-
|
233
|
-
<span id="show6"></span>
|
234
|
-
|
235
|
-
</td>
|
236
|
-
|
237
|
-
</tr>
|
238
|
-
|
239
|
-
<tr align="center">
|
240
|
-
|
241
|
-
<td width = "10%">2</td>
|
242
|
-
|
243
|
-
<td width = "40%">
|
244
|
-
|
245
|
-
<span id="show2"></span>
|
246
|
-
|
247
|
-
</td>
|
248
|
-
|
249
|
-
<td width = "10%">7</td>
|
250
|
-
|
251
|
-
<td width = "40%">
|
252
|
-
|
253
|
-
<span id="show7"></span>
|
254
|
-
|
255
|
-
</td>
|
256
|
-
|
257
|
-
</tr>
|
258
|
-
|
259
|
-
<tr align="center">
|
260
|
-
|
261
|
-
<td width = "10%">3</td>
|
262
|
-
|
263
|
-
<td width = "40%">
|
264
|
-
|
265
|
-
<span id="show3"></span>
|
266
|
-
|
267
|
-
</td>
|
268
|
-
|
269
|
-
<td width = "10%">8</td>
|
270
|
-
|
271
|
-
<td width = "40%">
|
272
|
-
|
273
|
-
<span id="show8"></span>
|
274
|
-
|
275
|
-
</td>
|
276
|
-
|
277
|
-
</tr>
|
278
|
-
|
279
|
-
<tr align="center">
|
280
|
-
|
281
|
-
<td width = "10%">4</td>
|
282
|
-
|
283
|
-
<td width = "40%">
|
284
|
-
|
285
|
-
<span id="show4"></span>
|
286
|
-
|
287
|
-
</td>
|
288
|
-
|
289
|
-
<td width = "10%">9</td>
|
290
|
-
|
291
|
-
<td width = "40%">
|
292
|
-
|
293
|
-
<span id="show9"></span>
|
294
|
-
|
295
|
-
</td>
|
296
|
-
|
297
|
-
</tr>
|
298
|
-
|
299
|
-
<tr align="center">
|
300
|
-
|
301
|
-
<td width = "10%">5</td>
|
302
|
-
|
303
|
-
<td width = "40%">
|
304
|
-
|
305
|
-
<span id="show5"></span>
|
306
|
-
|
307
|
-
</td>
|
308
|
-
|
309
|
-
<td width = "10%">10</td>
|
310
|
-
|
311
|
-
<td width = "40%">
|
312
|
-
|
313
|
-
<span id="show10"></span>
|
314
|
-
|
315
|
-
</td>
|
316
|
-
|
317
|
-
</tr>
|
318
|
-
|
319
|
-
|
320
|
-
|
321
|
-
</table>
|
322
|
-
|
323
|
-
</div>
|
324
|
-
|
325
|
-
</div>
|
326
146
|
|
327
147
|
<div class ="group">
|
328
148
|
|
@@ -368,7 +188,7 @@
|
|
368
188
|
|
369
189
|
<label><input type="checkbox" class="G1 cut" value="0.5" >eee</label>
|
370
190
|
|
371
|
-
</td>
|
191
|
+
</td>
|
372
192
|
|
373
193
|
<td>
|
374
194
|
|