質問編集履歴
7
コードの修正など
test
CHANGED
File without changes
|
test
CHANGED
@@ -7,6 +7,42 @@
|
|
7
7
|
|
8
8
|
|
9
9
|
ラジオボタンはdisplay: none;でスタイルをリセットしたうえで変更しています。
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
りんご ボタン(背景赤)
|
16
|
+
|
17
|
+
オレンジ ボタン(背景赤)
|
18
|
+
|
19
|
+
↓↓
|
20
|
+
|
21
|
+
りんごをチェックすると・・
|
22
|
+
|
23
|
+
↓↓
|
24
|
+
|
25
|
+
りんご ボタン(背景白、チェックマーク青)
|
26
|
+
|
27
|
+
オレンジ ボタン(背景白)
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
りんご ボタン(背景赤)
|
34
|
+
|
35
|
+
オレンジ ボタン(背景赤)
|
36
|
+
|
37
|
+
↓↓
|
38
|
+
|
39
|
+
オレンジをチェックすると・・
|
40
|
+
|
41
|
+
↓↓
|
42
|
+
|
43
|
+
りんご ボタン(背景白)
|
44
|
+
|
45
|
+
オレンジ ボタン(背景白、チェックマーク青)
|
10
46
|
|
11
47
|
|
12
48
|
|
@@ -50,11 +86,11 @@
|
|
50
86
|
|
51
87
|
<dt>りんご</dt>
|
52
88
|
|
53
|
-
<dd><input id="apple" name= "
|
89
|
+
<dd><input id="apple" name= "fruit" type="radio" onclick="funappletest()" value="apple"/>
|
54
90
|
|
55
91
|
<label for="apple">りんご</label>
|
56
92
|
|
57
|
-
<input id="orange" name= "
|
93
|
+
<input id="orange" name= "fruit" type="radio" onclick="funorangetest()" value="orange" />
|
58
94
|
|
59
95
|
<label for="orange">オレンジ</label>
|
60
96
|
|
6
コードの修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
ラジオボタンがチェックされたらボタンの
|
1
|
+
ラジオボタンがチェックされたらチェックされていないボタンの中の背景色を赤から白に変えたい。
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
ラジオボタンがチェックされたらボタンの
|
1
|
+
ラジオボタンがチェックされたらチェックされていないボタンの中の背景色を赤(#ff0000)から白(#fff)に変えたいのですが、上手くいきません。
|
2
2
|
|
3
3
|
|
4
4
|
|
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
ラジオボタンはdisplay: none;でスタイルを変更しています。
|
9
|
+
ラジオボタンはdisplay: none;でスタイルをリセットしたうえで変更しています。
|
10
10
|
|
11
11
|
|
12
12
|
|
@@ -116,8 +116,6 @@
|
|
116
116
|
|
117
117
|
background: #ff0000;
|
118
118
|
|
119
|
-
border: 1px solid #aaaaaa;
|
120
|
-
|
121
119
|
}
|
122
120
|
|
123
121
|
label:hover::before {
|
@@ -146,8 +144,6 @@
|
|
146
144
|
|
147
145
|
background: #fff;
|
148
146
|
|
149
|
-
border: 2px solid #00ffff;
|
150
|
-
|
151
147
|
}
|
152
148
|
|
153
149
|
input[type="radio"]:checked + label::after {
|
5
分かりやすく修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
ラジオボタンがチェックされたらボタンの中の背景色を赤から白に変えたい。
|
1
|
+
ラジオボタンがチェックされたらボタンの外ではなく中の背景色を赤から白に変えたい。
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
ラジオボタンがチェックされたらボタンの背景色を赤(#ff0000)から白(#fff)に変えたいのですが、上手くいきません。
|
1
|
+
ラジオボタンがチェックされたらボタンの外ではなく中の背景色を赤(#ff0000)から白(#fff)に変えたいのですが、上手くいきません。
|
2
2
|
|
3
3
|
|
4
4
|
|
4
分かりやすく修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
ラジオボタンがチェックされたらボタンの背景色を赤から白に変えたい。
|
1
|
+
ラジオボタンがチェックされたらボタンの中の背景色を赤から白に変えたい。
|
test
CHANGED
@@ -15,6 +15,8 @@
|
|
15
15
|
```ここに言語を入力
|
16
16
|
|
17
17
|
動かないjavascript、もしくは、jQuery
|
18
|
+
|
19
|
+
以下の場合、ボタンの中ではなく、ボタンの外の背景色が変わってしまう。
|
18
20
|
|
19
21
|
|
20
22
|
|
3
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -44,7 +44,7 @@
|
|
44
44
|
|
45
45
|
<HTML>
|
46
46
|
|
47
|
-
<dl>
|
47
|
+
<dl id="fruit">
|
48
48
|
|
49
49
|
<dt>りんご</dt>
|
50
50
|
|
2
コードの間違いを修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -20,7 +20,15 @@
|
|
20
20
|
|
21
21
|
<script>
|
22
22
|
|
23
|
-
function funtest() {
|
23
|
+
function funappletest() {
|
24
|
+
|
25
|
+
$("#fruit").css("background-color","#FFF");
|
26
|
+
|
27
|
+
}
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
function funorangetest() {
|
24
32
|
|
25
33
|
$("#fruit").css("background-color","#FFF");
|
26
34
|
|
1
分かりやすく表記
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
```ここに言語を入力
|
16
16
|
|
17
|
-
javascript、もしくは、jQuery
|
17
|
+
動かないjavascript、もしくは、jQuery
|
18
18
|
|
19
19
|
|
20
20
|
|