質問編集履歴
2
テキスト修正
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',
|
|
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.に関しては、２と３をコメントアウトすれば動作OK。
|
|
92
|
+
２、３のコメントアウトを外すと、全てのカテゴリーがチェックできてしまう。
|
|
93
93
|
|
|
94
|
-
2.に関してはカテゴリー「施工事例」にチェックを入れていなくても、子カテゴリ『施工事例1』、『施工事例2』、『施工事例3』のいずれか
|
|
94
|
+
2.に関してはカテゴリー「施工事例」にチェックを入れていなくても、子カテゴリ『施工事例1』、『施工事例2』、『施工事例3』のいずれかチェックすると、親カテゴリー「施工事例」にチェックがつく。
|
|
95
95
|
|
|
96
96
|
3に関しては子カテゴリ『施工事例1』、『施工事例2』、『施工事例3』のいずれか一つにだけチェックできて、親カテゴリーの「施工事例」をクリックするとチェックある無しに関わらず子カテゴリのチェックが外れる。
|
|
97
97
|
|
1
コード修正
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
|
});
|