zoukankan      html  css  js  c++  java
  • jq中反向全选的效果

    
    
    ![](https://img2020.cnblogs.com/blog/1202393/202005/1202393-20200508090738432-941883163.png)
    
    
    
            <volist name="city_arr" id="vo">
                <div class="priv_list">
    
                    <div class="padd-top-7">
                        <b>{$vo.name}:</b>
                        <label class="checkbox-inline width300" style="padding-top:0px;margin-left:100px;">
                            <input id="province_checkbox_{$vo.id}" class="province_checkbox" type="checkbox" value="{$vo.id}" name="province[]" /> 全选        
                        </label>
                    </div>
    
                    <div class="single_con">
                        <volist name="vo.city" id="so">
                            <label class="checkbox-inline width100">
                                <?php
                                    if(in_array($so['id'],$result['send_city_ids'])){
                                ?>
                                    <input class="single" type="checkbox" value="{$so.id}" checked name="city_ids[]"> {$so.name}
                                <?php
                                    }else{
                                ?>
                                    <input  class="single" type="checkbox" value="{$so.id}" name="city_ids[]"> {$so.name}
                                <?php
                                    }
                                ?>
                            </label>
                        </volist>
                    </div>
    
                </div>
            </volist>
    
    
    
    
            $(".single_con").each(function(){
                console.log($(this).attr('class'));
                var _this = $(this);
                _this.parent().find('.province_checkbox').attr('checked',true);
                
                let all_checked = 1;
                _this.find('.single').each((vvv,iii) => {
                    console.log(iii.checked);
                    if(iii.checked == false){
                        all_checked = 0;
                    }
                })
    
                if(all_checked == 1){
                    _this.parent().find('.province_checkbox').attr('checked',true);
                } else {
                    _this.parent().find('.province_checkbox').attr('checked',false);
                }
            });
    
    
    ```[]()
  • 相关阅读:
    乘法逆元
    P1082 同余方程
    数论编程
    倍增LCA模板
    快速幂模板Super
    黑白染色的模板
    暑假提高组集训Day1 T2
    暑假提高组集训Day1 T1
    7月18日刷题记录 二分答案跳石头游戏Getting
    hdu4738(割桥)
  • 原文地址:https://www.cnblogs.com/pansidong/p/12848435.html
Copyright © 2011-2022 走看看