質問編集履歴

2

テキスト修正

2022/08/06 07:50

投稿

Fukusuke0604
Fukusuke0604

score534

test CHANGED
File without changes
test CHANGED
@@ -63,13 +63,12 @@
63
63
  子カテゴリー『施工事例1』、『施工事例2』、『施工事例3』はチェックできない。
64
64
  ==========================================================================*/
65
65
  $(function () {
66
- let checkChild = $('two');
66
+ let checkChild = $('ul.two');
67
-
68
67
  $('.item-child').on('click', function () {
69
- if (checkChild.find('.item').prop('checked', false)) {
68
+ if (checkChild.find('.item').prop('checked', true)) {
69
+ $('.item-child').prop('disabled', false);
70
+ } else {
70
71
  $('.item-child').prop('disabled', true);
71
- } else {
72
- $('.item-child').prop('disabled', false);
73
72
  }
74
73
  });
75
74
  });
@@ -89,9 +88,10 @@
89
88
 
90
89
  上記コードを書きました。
91
90
  しかし、
92
- 1.に関しては、動作OK
91
+ 1.に関しては、2と3をコメントアウトすれば動作OK
92
+ 2、3のコメントアウトを外すと、全てのカテゴリーがチェックできてしまう。
93
93
 
94
- 2.に関してはカテゴリー「施工事例」にチェックを入れていなくても、子カテゴリ『施工事例1』、『施工事例2』、『施工事例3』のいずれか一つだけチェックできてしまう(なんで子カテゴリだけなのか、、、)
94
+ 2.に関してはカテゴリー「施工事例」にチェックを入れていなくても、子カテゴリ『施工事例1』、『施工事例2』、『施工事例3』のいずれかチェックすると、親カテゴリー「施工事例」にチェックがく。
95
95
 
96
96
  3に関しては子カテゴリ『施工事例1』、『施工事例2』、『施工事例3』のいずれか一つにだけチェックできて、親カテゴリーの「施工事例」をクリックするとチェックある無しに関わらず子カテゴリのチェックが外れる。
97
97
 

1

コード修正

2022/08/06 07:40

投稿

Fukusuke0604
Fukusuke0604

score534

test CHANGED
File without changes
test CHANGED
@@ -45,19 +45,15 @@
45
45
 
46
46
  ```jQuery
47
47
  /*==========================================================================
48
- 1.カテゴリー「お知らせ」にチェックが入っている時は、カテゴリー「施工事例」と、
48
+ 1.カテゴリー「お知らせ」にチェックが入っている時は、カテゴリー「施工事例」チェックできない。
49
- その子カテゴリー『施工事例1』、『施工事例2』、『施工事例3』もチェックできない。
50
49
  ==========================================================================*/
51
50
  $(function () {
52
51
  let ul = $('ul.one, ul.two');
53
52
  $('.item').on('click', function () {
54
53
  if ($(this).prop('checked')) {
55
54
  ul.not($(this).closest('ul')).find('.item').prop('disabled', true);
56
- $('.item-child').prop('disabled', true);
57
55
  } else {
58
56
  ul.not($(this).closest('ul')).find('.item').prop('disabled', false);
59
- $('.item-child').prop('disabled', false);
60
-
61
57
  }
62
58
  });
63
59
  });