teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

修正しました

2021/04/12 00:01

投稿

yuujiMotoki
yuujiMotoki

スコア90

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  子供を押すと、親が押されるようにしたいのですが・・・
4
4
 
5
+ 21/04/12
6
+ 仕様を追記
7
+
8
+ ・親に属している子(孫)のなかで、一つでもチェックボックスがあれば、その親全部にさかのぼってチェックが入る
9
+ ・チェックボックスの状態は、子孫には繁栄しない
10
+
11
+
5
12
  ```
6
13
  ■朝ごはん
7
14
    ■味噌汁
@@ -33,46 +40,55 @@
33
40
 
34
41
  #ソース
35
42
 
36
- [https://jsfiddle.net/motochan/29bj0sq5/](https://jsfiddle.net/motochan/29bj0sq5/)
43
+ 21/04/12 書き換えを致しました。
37
44
 
45
+ [https://jsfiddle.net/motochan/sqwL7xft/](https://jsfiddle.net/motochan/sqwL7xft/)
46
+
38
- ```
47
+ ```html
39
48
  <!DOCTYPE html>
40
49
  <html>
50
+ <head>
51
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
52
+ <title>label with check box test</title>
53
+ <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
54
+ integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="crossorigin="anonymous"></script>
55
+ </head>
41
56
 
42
- <head>
43
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
44
- <title>label with check box test</title>
45
- <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>
46
- </head>
47
-
48
- <body>
57
+ <body>
49
- <ul>
50
- <li><input type="checkbox"><label>献立</label></li>
51
58
  <ul>
52
- <li><input type="checkbox"><label>朝ごはん</label><br>
59
+ <li><input type="checkbox"><label>献立</label>
53
60
  <ul>
54
- <li><input type="checkbox"><label>味噌汁</label></li>
61
+ <li><input type="checkbox"><label>朝ごはん</label>
55
- <ul>
62
+ <ul>
63
+ <li><input type="checkbox"><label>味噌汁</label>
64
+ <ul>
56
- <li><input type="checkbox"><label>わかめ</label></li>
65
+ <li><input type="checkbox"><label>わかめ</label></li>
57
- </ul>
66
+ </ul>
67
+ </li>
68
+ </ul>
69
+ </li>
70
+ <li><input type="checkbox"><label>昼ごはん</label>
71
+ <ul>
72
+ <li><input type="checkbox"><label>ラーメン</label>
73
+ <ul>
74
+ <li><input type="checkbox"><label>わかめ</label></li>
75
+ </ul>
76
+ </li>
77
+ </ul>
78
+ </li>
79
+ <li><input type="checkbox"><label>夜ごはん</label>
80
+ <ul>
81
+ <li><input type="checkbox"><label>スープ</label>
82
+ <ul>
83
+ <li><input type="checkbox"><label>わかめ</label></li>
84
+ </ul>
85
+ </li>
86
+ </ul>
87
+ </li>
58
88
  </ul>
59
- <li><input type="checkbox"><label>昼ごはん</label></li>
60
- <ul>
61
- <li><input type="checkbox"><label>ラーメン</label></li>
62
- <ul>
63
- <li><input type="checkbox"><label>わかめ</label></li>
64
- </ul>
65
- </ul>
66
- <li><input type="checkbox"><label>夜ごはん</label><br>
67
- <ul>
68
- <li><input type="checkbox"><label>スープ</label></li>
69
- <ul>
70
- <li><input type="checkbox"><label>わかめ</label></li>
71
- </ul>
72
- </ul>
73
89
  </li>
74
90
  </ul>
75
- </ul>
76
- </body>
91
+ </body>
77
92
  </html>
93
+
78
94
  ```