回答編集履歴
2
見出しとサンプルを追加
test
CHANGED
@@ -1,4 +1,14 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
### 全てのlabel要素でfor属性値を指定している可能性
|
4
|
+
|
5
|
+
|
6
|
+
|
1
7
|
label要素をコピー&ペーストでマークアップしている可能性はありませんでしょうか。
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
- [どのラベルをクリックしても一番初めのチェックボックスがチェックされる - JSFiddle](https://jsfiddle.net/ar43kfn7/)
|
2
12
|
|
3
13
|
|
4
14
|
|
@@ -20,7 +30,17 @@
|
|
20
30
|
|
21
31
|
label要素にはクリックされた時にfor属性値で指定されたid属性値のチェックボックスがチェックされる機能がありますが、**同じid属性値が複数存在した場合は最初に宣言されたチェックボックスがチェックされる仕様**です。
|
22
32
|
|
33
|
+
|
34
|
+
|
35
|
+
### 各々のlabel要素で重複しないfor属性値をつける
|
36
|
+
|
37
|
+
|
38
|
+
|
23
|
-
|
39
|
+
label要素のfor属性値(ひいてはinput要素のid属性値)には重複しない値を入れてください。
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
- [input要素のid属性値/label要素のfor属性値に重複しない名前をつける - JSFiddle](https://jsfiddle.net/ar43kfn7/1/)
|
24
44
|
|
25
45
|
|
26
46
|
|
@@ -40,7 +60,15 @@
|
|
40
60
|
|
41
61
|
|
42
62
|
|
63
|
+
### input要素をlabel要素で括る
|
64
|
+
|
65
|
+
|
66
|
+
|
43
67
|
label要素がinput要素を子に持つ場合はfor属性値を指定しなくても構いません。
|
68
|
+
|
69
|
+
|
70
|
+
|
71
|
+
- [input要素をlabel要素で括る - JSFiddle](https://jsfiddle.net/ar43kfn7/2/)
|
44
72
|
|
45
73
|
|
46
74
|
|
1
typo修正
test
CHANGED
@@ -18,7 +18,7 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
label要素にはクリックされた時にfor属性値で指定されたid属性値のチェックボックスがチェックされる
|
21
|
+
label要素にはクリックされた時にfor属性値で指定されたid属性値のチェックボックスがチェックされる機能がありますが、**同じid属性値が複数存在した場合は最初に宣言されたチェックボックスがチェックされる仕様**です。
|
22
22
|
|
23
23
|
id属性値ひいてはfor属性値には重複しない値を入れてください。
|
24
24
|
|