Verwenden Sie JQuery, um die Auswahl und den Stil von Kontrollkästchen dynamisch zu ändern

Bei der Auswahl der Berechtigungen bin ich auf Folgendes gestoßen:

<div class="layui-form-item">
    <label class="layui-form-label">Berechtigungen</label>
    <div class="layui-input-block">
        {foreach $menus as $k=>$v}
            <div>
                <input type="checkbox"lay-filter="checkboxs" class="checkboxs" name="roleids[]"lay-skin="primary" title="{$v['name']}" geprüft="" value="{$v['id']}">

                <div class="son">
                    {foreach $v['son'] as $kk=>$vv}
                        <input type="checkbox"lay-filter="checkbox" class="checkbox" name="roleids[]"lay-skin="primary" title="{$vv['name']}" geprüft="" value="{$vv['id']}">
                    {/für jeden}
                </div>
            </div>
            <div style="height: 15px"></div>
        {/für jeden}
    </div>
</div>

form.on('checkbox(checkboxs)', function(data){
    geprüft=data.elem.checked; //Ob ausgewählt, wahr oder falsch
    $(this).next().next().find('.checkbox').each(function (){
        $(this).prop('checked',checked)
        form.render();
    })
});

form.on('checkbox(checkbox)', function(data){
    geprüft=data.elem.checked; //Ob ausgewählt, wahr oder falsch
    //Bestimmen Sie, ob die Anzahl der überprüften Brüder noch ausgewählt ist
    wobei checknum=0 ist
    $(this).parent('.son').find('.checkbox').each(function (){
        if($(this).prop('checked')){
            checknum++
        }
    })
    if(checkednum>0){
        $(this).parent('.son').prev().prev().prop('checked',true)
    }anders{
        $(this).parent('.son').prev().prev().prop('checked',false)
    }​​​​​​​
    form.render();
​​​​​​​});

Nehmen Sie es einfach auf und teilen Sie es. Kommentieren Sie nicht, wenn es Ihnen nicht gefällt