JSFiddle - React, Tailwind, and code Playground

HTML

<span class="glyphicon glyphicon-check"></span>

<label for="sel1">Select days:</label>
<br />
<li>
    <input type="checkbox" name="all" id="all" />
    <label for='all'>Select All</label>
    <ul>
        <ul>
            <li class="moveli">
                <input type="checkbox" name="selected[]" id="box_1" value="1" />
                <label for="box_1">Monday</label>
            </li>
            <li class="moveli">
                <input type="checkbox" name="selected[]" id="box_2" value="2" />
                <label for="box_2">Tuesday</label>
            </li>
            <li class="moveli">
                <input type="checkbox" name="selected[]" id="box_3" value="3" />
                <label for="box_3">Wednesday</label>
            </li>
            <li class="moveli">
                <input type="checkbox" name="selected[]" id="box_4" value="4" />
                <label for="box_4">Thursday</label>
            </li>
            <li class="moveli">
                <input type="checkbox" name="selected[]" id="box_5" value="5" />
                <label for="box_5">Friday</label>
            </li>
            <li class="moveli">
                <input type="checkbox" name="selected[]" id="box_6" value="6" />
                <label for="box_6">Saturday</label>
            </li>
            <li class="moveli">
                <input type="checkbox" name="selected[]" id="box_7" value="7" />
                <label for="box_7">Sunday</label>
            </li>
        </ul>
    </ul>
</li>
</div>

JavaScript

$('input[name="all"],input[name="title"]').bind('click', function () {
    var status = $(this).is(':checked');
    $('input[type="checkbox"]', $(this).parent('li')).prop('checked', status);
});

var checkbox = $(':checkbox').not('#all');
$(checkbox).change(function () {
    checkbox.each(function () {
        if ($(this).is(':checked')) {

        } else {
            $(':checkbox#all').prop('checked', false)
        }


    })

})