teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問孫から親をさかのぼって、チェックボックスをすべて入れたい

編集履歴

質問編集履歴

1

修正しました

2021/04/12 00:01

投稿

yuujiMotoki
yuujiMotoki

スコア90

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,20 @@
3
3
 
4
4
 
5
5
  子供を押すと、親が押されるようにしたいのですが・・・
6
+
7
+
8
+
9
+ 21/04/12
10
+
11
+ 仕様を追記
12
+
13
+
14
+
15
+ ・親に属している子（孫）のなかで、一つでもチェックボックスがあれば、その親全部にさかのぼってチェックが入る
16
+
17
+ ・チェックボックスの状態は、子孫には繁栄しない
18
+
19
+
6
20
 
7
21
 
8
22
 
@@ -68,77 +82,95 @@
68
82
 
69
83
 
70
84
 
71
- [https://jsfiddle.net/motochan/29bj0sq5/](https://jsfiddle.net/motochan/29bj0sq5/)
85
+ 21/04/12 書き換えを致しました。
72
86
 
73
87
 
74
88
 
89
+ [https://jsfiddle.net/motochan/sqwL7xft/](https://jsfiddle.net/motochan/sqwL7xft/)
90
+
91
+
92
+
75
- ```
93
+ ```html
76
94
 
77
95
  <!DOCTYPE html>
78
96
 
79
97
  <html>
80
98
 
99
+ <head>
81
100
 
101
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
82
102
 
83
- <head>
103
+ <title>label with check box test</title>
84
104
 
85
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
105
+ <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
86
106
 
87
- <title>label with check box test</title>
107
+ integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="crossorigin="anonymous"></script>
88
108
 
89
- <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>
90
-
91
- </head>
109
+ </head>
92
110
 
93
111
 
94
112
 
95
- <body>
113
+ <body>
96
-
97
- <ul>
98
-
99
- <li><input type="checkbox"><label>献立</label></li>
100
114
 
101
115
  <ul>
102
116
 
103
- <li><input type="checkbox"><label>朝ごはん</label><br>
117
+ <li><input type="checkbox"><label>献立</label>
104
118
 
105
119
  <ul>
106
120
 
107
- <li><input type="checkbox"><label>味噌汁</label></li>
121
+ <li><input type="checkbox"><label>朝ごはん</label>
108
122
 
109
- <ul>
123
+ <ul>
110
124
 
111
- <li><input type="checkbox"><label>わかめ</label></li>
125
+ <li><input type="checkbox"><label>味噌汁</label>
112
126
 
113
- </ul>
127
+ <ul>
114
128
 
115
- </ul>
129
+ <li><input type="checkbox"><label>わかめ</label></li>
116
130
 
117
- <li><input type="checkbox"><label>昼ごはん</label></li>
131
+ </ul>
118
132
 
119
- <ul>
133
+ </li>
120
134
 
121
- <li><input type="checkbox"><label>ラーメン</label></li>
135
+ </ul>
122
136
 
123
- <ul>
137
+ </li>
124
138
 
125
- <li><input type="checkbox"><label>わかめ</label></li>
139
+ <li><input type="checkbox"><label>昼ごはん</label>
126
140
 
127
- </ul>
141
+ <ul>
128
142
 
129
- </ul>
143
+ <li><input type="checkbox"><label>ラーメン</label>
130
144
 
131
- <li><input type="checkbox"><label>夜ごはん</label><br>
145
+ <ul>
132
146
 
133
- <ul>
147
+ <li><input type="checkbox"><label>わかめ</label></li>
134
148
 
135
- <li><input type="checkbox"><label>スープ</label></li>
149
+ </ul>
136
150
 
137
- <ul>
151
+ </li>
138
152
 
139
- <li><input type="checkbox"><label>わかめ</label></li>
153
+ </ul>
140
154
 
155
+ </li>
156
+
157
+ <li><input type="checkbox"><label>夜ごはん</label>
158
+
159
+ <ul>
160
+
161
+ <li><input type="checkbox"><label>スープ</label>
162
+
163
+ <ul>
164
+
165
+ <li><input type="checkbox"><label>わかめ</label></li>
166
+
141
- </ul>
167
+ </ul>
168
+
169
+ </li>
170
+
171
+ </ul>
172
+
173
+ </li>
142
174
 
143
175
  </ul>
144
176
 
@@ -146,10 +178,10 @@
146
178
 
147
179
  </ul>
148
180
 
149
- </ul>
150
-
151
- </body>
181
+ </body>
152
182
 
153
183
  </html>
154
184
 
185
+
186
+
155
187
  ```