How to activate the desired checkbox by clicking on the parent?

Question

JavaScript

There is a code:

<li class="list-group-item">
                        <div class="material-switch pull-right">
                            <input id="cr" onclick="func();" checked="" type="checkbox" name="cr"/>
                            <label for="cr" class="label-default"></label>
                        </div>
                    </li>

How to activate the required input through JS when clicking on it? (When clicking on list-group-item)
There is not one input, so you need to activate exactly the one you clicked on.
dropmefiles.com/AgxO0

Answer 1

lexstile , if I understood the task correctly, then this is how you can - codepen.io/swistikkk/pen/GrOaRv
I set the styles purely for myself)

Answer 2

As an option like this https://jsfiddle.net/Politonius/Lzkzon6L/
or like this https://jsfiddle.net/Politonius/Lzkzon6L/1/