jQueryを使用して子 "li"の子のチェックボックスをオンまたはオフにする方法は？

Question

li "#parentLi"というチェックボックス ".chkGroup"にチェックを入れたいと思います。

<li id="parentLi"> 
    <span class="collapsible"></span> 
    <span>System</span> 
    <ul> 
     <li> 
      <span class="collapsible"></span> 
      <span>Division</span> 
      <ul> 
       <li> 
        <input class="chkGroup" type="checkbox"> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</li> 

Answer 1

このような何か試してみてください：コードの下にこれを試してみてください

$(function(){ 
 
    $('li').click(function(){ 
 
    $('#parentLi').find('input[type="checkbox"]').prop('checked', true); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<li id="parentLi"> 
 
    <span class="collapsible"></span> 
 
    <span>System</span> 
 
    <ul> 
 
     <li> 
 
      <span class="collapsible"></span> 
 
      <span>Division</span> 
 
      <ul> 
 
       <li> 
 
        <input class="chkGroup" type="checkbox"> 
 
       </li> 
 
      </ul> 
 
     </li> 
 
    </ul> 
 
</li>

Answer 2

を：

$(document).ready(function(){ 
 
    $("#parentLi input.chkGroup").prop('checked', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<li id="parentLi"> 
 
    <span class="collapsible"></span> 
 
    <span>System</span> 
 
    <ul> 
 
     <li> 
 
      <span class="collapsible"></span> 
 
      <span>Division</span> 
 
      <ul> 
 
       <li> 
 
        <input class="chkGroup" type="checkbox"> 
 
       </li> 
 
      </ul> 
 
     </li> 
 
    </ul> 
 
</li>

Answer 3

は