質問編集履歴
2
文章の修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
親にチェックするだけで子や孫のチェックボックスもまとめてチェックしたい
|
body
CHANGED
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
```HTML
|
|
14
14
|
<ul>
|
|
15
|
-
<li><label><input type="checkbox"><span>親</span></label>
|
|
15
|
+
<li><label><input type="checkbox"><span>親</span></label>
|
|
16
16
|
<ul>
|
|
17
17
|
<li><label><input type="checkbox"><span>子1</span></label></li>
|
|
18
18
|
<li><label><input type="checkbox"><span>子2</span></label></li>
|
|
19
|
-
<li><label><input type="checkbox"><span>子3</span></label>
|
|
19
|
+
<li><label><input type="checkbox"><span>子3</span></label>
|
|
20
20
|
<ul>
|
|
21
21
|
<li><label><input type="checkbox"><span>子孫3-1</span></label></li>
|
|
22
22
|
<li><label><input type="checkbox"><span>子孫3-2</span></label></li>
|
1
文章の変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
複数のチェックボックス全てにチェックを入れたり外したりということを実現させようと思っています。
|
|
3
|
+
複数のチェックボックス全てにチェックを入れたり外したりということを実現させようと思っていますが、labelでinput要素を挟むと、できなくなってしまいます。
|
|
4
|
-
|
|
4
|
+
|
|
5
|
-
<li><input type="checkbox"><label>子1</label></li>
|
|
6
|
-
```
|
|
7
|
-
にすればできるのですが、
|
|
8
|
-
```HTML
|
|
9
|
-
<li><label><input type="checkbox"><span>子1</span></label></li>
|
|
10
|
-
```
|
|
11
|
-
この様に、labelでinput要素を挟むと、できなくなってしまいます。
|
|
12
5
|
jQueryの方を書き換えてなんとか、実現させたいのですが、どこをどの様に変更すればいいのでしょうか。
|
|
6
|
+
|
|
13
7
|
どなたか教えてくださいませ。
|
|
14
8
|
よろしくお願いいたします。
|
|
15
9
|
|