JSFiddle - React, Tailwind, and code Playground

HTML

<input name="Check100" type="checkbox" onclick="try( 'input[name=Check100]','li.children')">
<table>
    <tr>
        <td><input name="ClassIDs" type="checkbox" value="3132"></td>
        <td>50</td>
    </tr>
    <tr>
        <td><input name="ClassIDs" type="checkbox" value="3133"></td>
        <td>100</td>
    </tr>
</table>


<ul>
    <li class="children"><input name="ClassIDs" type="checkbox" value="3132">
        <ul>
            <li><input name="ClassIDs" type="checkbox" value="987">V</li>
        <ul>
    </li>
 </ul>

JavaScript

function try(){
//$(str).change(function() {
    var myChecked = $(this).attr('checked');
    $('li.children').find(':checkbox').attr('checked', myChecked);
//});
}