zoukankan      html  css  js  c++  java
  • jQuery处理点击父级checkbox所有子级checkbox都选中,取消选中所有子级checkbox都取消

    注意,每个foreach标签内部都加一个div用来区分各个层次关系,模板代码如下:

    <foreach name='node' item='v'>
                <div class='a' align='center' style='padding-bottom:10px;color:#0000EE'>
                    {$v.title}&nbsp;
                    <input type="checkbox" name='access[]' level='1' value='{$v.id}_1' <if condition='$v["access"]'>checked='checked'</if>>
                    <foreach name='v.child' item='value'>
                        <div class='b'>
                            <li style='list-style-type:none;font-size:14px;padding-top:5px;color:#8B1A1A'>
                                {$value.title}&nbsp;
                        <input type="checkbox" name='access[]' level='2' value='{$value.id}_2' <if condition='$value["access"]'>checked='checked'</if>></li>
                        <foreach name='value.child' item='value1'>
                            <div class='c'>
                            <li style='list-style-type:none;font-size:13px;padding-top:5px;color:#8E8E38'>{$value1.title}&nbsp;
                                <input type="checkbox" name='access[]' level='3' value='{$value1.id}_3' <if condition='$value1["access"]'>checked='checked'</if>></li>
                                </div>
                            </foreach>
                        </div>
                    </foreach>
                </div>
            </foreach>

    以下是jQuery代码:

    <script src='__PUBLIC__/js/jquery-1.6.4.min.js'></script>
        <script>
            $(function(){
                $('[level=1]').click(function(){
                    if(this.checked){
                        $(this).parent().find('input').prop('checked','checked');
                    }
                    else{
                        $(this).parent().find('input').removeAttr('checked');
                    }
                });
                $('[level=2]').click(function(){
                    if (this.checked) {
                    $(this).parent().parent().find('input').prop('checked','checked');
                }
                else{
                    $(this).parent().parent().find('input').removeAttr('checked');
                }
                });
            });
        </script>
  • 相关阅读:
    stata如何建立交互项
    PSM的stata实现
    Stata结果输出:outreg2命令详解
    stata固定效应
    【C++/Qt】cmake生成可执行文件流程(Windows/Linux)
    【数学相关】概率论手写笔记
    【搜索】dfs&bfs
    【C/C++】对拍教程
    【MySQL】MySQL基础操作(下)
    【Linux】ubuntu初始配置
  • 原文地址:https://www.cnblogs.com/hltswd/p/4977706.html
Copyright © 2011-2022 走看看