質問編集履歴
7
コードの修正など
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,6 +5,24 @@
|
|
|
5
5
|
ラジオボタンはdisplay: none;でスタイルをリセットしたうえで変更しています。
|
|
6
6
|
|
|
7
7
|
|
|
8
|
+
りんご ボタン（背景赤）
|
|
9
|
+
オレンジ ボタン（背景赤）
|
|
10
|
+
↓↓
|
|
11
|
+
りんごをチェックすると・・
|
|
12
|
+
↓↓
|
|
13
|
+
りんご ボタン（背景白、チェックマーク青）
|
|
14
|
+
オレンジ ボタン（背景白）
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
りんご ボタン（背景赤）
|
|
18
|
+
オレンジ ボタン（背景赤）
|
|
19
|
+
↓↓
|
|
20
|
+
オレンジをチェックすると・・
|
|
21
|
+
↓↓
|
|
22
|
+
りんご ボタン（背景白）
|
|
23
|
+
オレンジ ボタン（背景白、チェックマーク青）
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
```ここに言語を入力
|
|
9
27
|
動かないjavascript、もしくは、jQuery
|
|
10
28
|
以下の場合、ボタンの中ではなく、ボタンの外の背景色が変わってしまう。
|
|
@@ -24,9 +42,9 @@
|
|
|
24
42
|
<HTML>
|
|
25
43
|
<dl id="fruit">
|
|
26
44
|
<dt>りんご</dt>
|
|
27
|
-
<dd><input id="apple" name= "
|
|
45
|
+
<dd><input id="apple" name= "fruit" type="radio" onclick="funappletest()" value="apple"/>
|
|
28
46
|
<label for="apple">りんご</label>
|
|
29
|
-
<input id="orange" name= "
|
|
47
|
+
<input id="orange" name= "fruit" type="radio" onclick="funorangetest()" value="orange" />
|
|
30
48
|
<label for="orange">オレンジ</label>
|
|
31
49
|
</dd>
|
|
32
50
|
</dl>
|
6
コードの修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
ラジオボタンがチェックされたらボタンの
|
|
1
|
+
ラジオボタンがチェックされたらチェックされていないボタンの中の背景色を赤から白に変えたい。
|
body
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
ラジオボタンがチェックされたらボタンの
|
|
1
|
+
ラジオボタンがチェックされたらチェックされていないボタンの中の背景色を赤（#ff0000）から白（#fff）に変えたいのですが、上手くいきません。
|
|
2
2
|
|
|
3
3
|
javascript、もしくは、jQueryでラベルの色を変えるのだと思うのですが、よく分かりません。
|
|
4
4
|
|
|
5
|
-
ラジオボタンはdisplay: none;でスタイルを変更しています。
|
|
5
|
+
ラジオボタンはdisplay: none;でスタイルをリセットしたうえで変更しています。
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
```ここに言語を入力
|
|
@@ -57,7 +57,6 @@
|
|
|
57
57
|
height: 10px;
|
|
58
58
|
margin-top: -8px;
|
|
59
59
|
background: #ff0000;
|
|
60
|
-
border: 1px solid #aaaaaa;
|
|
61
60
|
}
|
|
62
61
|
label:hover::before {
|
|
63
62
|
background: #ff0000;
|
|
@@ -72,7 +71,6 @@
|
|
|
72
71
|
}
|
|
73
72
|
input[type="radio"]:checked + label::before {
|
|
74
73
|
background: #fff;
|
|
75
|
-
border: 2px solid #00ffff;
|
|
76
74
|
}
|
|
77
75
|
input[type="radio"]:checked + label::after {
|
|
78
76
|
opacity: 1;
|
5
分かりやすく修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
ラジオボタンがチェックされたらボタンの中の背景色を赤から白に変えたい。
|
|
1
|
+
ラジオボタンがチェックされたらボタンの外ではなく中の背景色を赤から白に変えたい。
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
ラジオボタンがチェックされたらボタンの背景色を赤（#ff0000）から白（#fff）に変えたいのですが、上手くいきません。
|
|
1
|
+
ラジオボタンがチェックされたらボタンの外ではなく中の背景色を赤（#ff0000）から白（#fff）に変えたいのですが、上手くいきません。
|
|
2
2
|
|
|
3
3
|
javascript、もしくは、jQueryでラベルの色を変えるのだと思うのですが、よく分かりません。
|
|
4
4
|
|
4
分かりやすく修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
ラジオボタンがチェックされたらボタンの背景色を赤から白に変えたい。
|
|
1
|
+
ラジオボタンがチェックされたらボタンの中の背景色を赤から白に変えたい。
|
body
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
```ここに言語を入力
|
|
9
9
|
動かないjavascript、もしくは、jQuery
|
|
10
|
+
以下の場合、ボタンの中ではなく、ボタンの外の背景色が変わってしまう。
|
|
10
11
|
|
|
11
12
|
<script>
|
|
12
13
|
function funappletest() {
|
3
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
```ここに言語を入力
|
|
23
23
|
<HTML>
|
|
24
|
-
<dl>
|
|
24
|
+
<dl id="fruit">
|
|
25
25
|
<dt>りんご</dt>
|
|
26
26
|
<dd><input id="apple" name= "apple" type="radio" onclick="funappletest()" value="apple"/>
|
|
27
27
|
<label for="apple">りんご</label>
|
2
コードの間違いを修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,9 +9,13 @@
|
|
|
9
9
|
動かないjavascript、もしくは、jQuery
|
|
10
10
|
|
|
11
11
|
<script>
|
|
12
|
-
function
|
|
12
|
+
function funappletest() {
|
|
13
13
|
$("#fruit").css("background-color","#FFF");
|
|
14
14
|
}
|
|
15
|
+
|
|
16
|
+
function funorangetest() {
|
|
17
|
+
$("#fruit").css("background-color","#FFF");
|
|
18
|
+
}
|
|
15
19
|
</script>
|
|
16
20
|
```
|
|
17
21
|
|
1
分かりやすく表記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
```ここに言語を入力
|
|
9
|
-
javascript、もしくは、jQuery
|
|
9
|
+
動かないjavascript、もしくは、jQuery
|
|
10
10
|
|
|
11
11
|
<script>
|
|
12
12
|
function funtest() {
|