jquery - チェックボックスの値に基づいてjqueryイベントを作成するにはどうすればよいですか?

Question

基本的に、デフォルトで非表示にする必要があるチェックボックスのリストがあり、メインのチェックボックスが表示されている場合はそれらを表示します

<div class="parent"> 
    <input type="checkbox" class="subjectChk"> 
    <div class="childCont">
        <input type="checkbox" class="subjGradeChk hidden">
    </div>
</div>
<div class="parent"> 
    <input type="checkbox" class="subjectChk"> 
    <div class="childCont">
        <input type="checkbox" class="subjGradeChk hidden">
    </div>
</div>

目標は、subjectChk値がチェックされているかどうかを確認hiddenしてから、クラスを削除することですsubjGradeChk

私はこのようなことをしてみました

$('.subjGradeChk').on('click',function(){ 
if(this.checked){ 
$(.subjGradeChk).removeClass('hidden'); } });

しかし、親に基づいて各インスタンスに影響を与えるだけにしたい