回答編集履歴
1
コード修正
answer
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
```JavaScript
|
2
2
|
$(function() {
|
3
|
-
// ボタンのid→ボタンの
|
3
|
+
// ボタンのid→ボタンの選択状態へのマップ
|
4
|
-
var
|
4
|
+
var buttonsSelected = {
|
5
5
|
"a1" : false,
|
6
6
|
"a2" : false,
|
7
7
|
"b1" : false,
|
@@ -11,24 +11,24 @@
|
|
11
11
|
|
12
12
|
$("#a1, #a2, #b1, #b2").on('click', function() {
|
13
13
|
var buttonId = $(this).attr("id");
|
14
|
-
// 各ボタンがクリックされたら、
|
14
|
+
// 各ボタンがクリックされたら、選択状態を反転
|
15
|
-
|
15
|
+
buttonsSelected[buttonId] = ! buttonsSelected[buttonId];
|
16
16
|
});
|
17
17
|
|
18
18
|
|
19
19
|
$(".enter").click(function() {
|
20
|
-
if ((!
|
20
|
+
if ((! buttonsSelected["a1"] && ! buttonsSelected["a2"]) ||
|
21
|
-
(!
|
21
|
+
(! buttonsSelected["b1"] && ! buttonsSelected["b2"])) {
|
22
|
-
// a群、b群でそれぞれ1個もボタンが非
|
22
|
+
// a群、b群でそれぞれ1個もボタンが非選択状態なら、何もしない
|
23
23
|
return;
|
24
24
|
}
|
25
25
|
|
26
26
|
// 以降、アラートメッセージ文生成
|
27
27
|
var msg = "";
|
28
28
|
|
29
|
-
for (var buttonId in
|
29
|
+
for (var buttonId in buttonsSelected) {
|
30
|
-
if (
|
30
|
+
if (buttonsSelected[buttonId]) {
|
31
|
-
//
|
31
|
+
// 選択状態のボタンのidをメッセージ文に追加
|
32
32
|
// 既にメッセージ文にボタンのidが追加されていれば "と" を入れる
|
33
33
|
msg += (msg === "" ? "" : "と") + buttonId;
|
34
34
|
}
|
@@ -41,9 +41,9 @@
|
|
41
41
|
|
42
42
|
|
43
43
|
$(":reset").on('click', function() {
|
44
|
-
// resetボタンがクリックされたら、すべてのボタンを非
|
44
|
+
// resetボタンがクリックされたら、すべてのボタンを非選択状態にする
|
45
|
-
for (var buttonId in
|
45
|
+
for (var buttonId in buttonsSelected) {
|
46
|
-
|
46
|
+
buttonsSelected[buttonId] = false;
|
47
47
|
}
|
48
48
|
});
|
49
49
|
});
|