• jquery选择器


     选择祖先元素同级元素下的type=checked元素,并将checked设置为true

     html

    <div class="panel panel-default">
     <div class="panel-heading">
         <h4 class="panel-title">
             <a data-toggle="collapse" data-parent="#accordion"
                href="#collapseOne" >
                 一人
             </a> <label ><input type="checkbox" class="ace " id="allcheck"/>
                 <span class="lbl"></span> 全选
             </label>
         </h4>
     </div>
     <div id="collapseOne" class="panel-collapse collapse in">
         <div class="panel-body">
             <form  role="form" action="#0" method="post" onsubmit="return beforeSubmit(this);">
                 <input type="hidden" name="_token" value="{{csrf_token()}}">
                 <input type="hidden"  name="formurl" value="OneWord"/>
                 <div class="row">
                <div class="col-md-8">
                 <label class="pos-rel">
                     <input type="checkbox" class="ace auth_id" name="option[]" value="process"/>
                     <span class="lbl"></span></label>
                 <label class="pos-rel">
                     <input type="checkbox" class="ace auth_id" name="option[]" value="oneListing"/>
                     <span class="lbl"></span></label>
                </div>
                 <div class="form-group col-md-2">
                     <button type="submit" class="btn btn-primary btn-sm"  >提交</button>
                 </div>
                 <div class="space"></div>
                 </div>
             </form>
         </div>
     </div>
                                    </div>

    js

      //word 全选
        $('#accordion .ace').on('click', function () {
            var $that = this;
            var $tmp = $($that).parents("div .panel-default");
            var tmp1 = $("tmp>form").find("input");
            if ($(this).is(':checked')) {
                $tmp.find('[type="checkbox"]').prop('checked', 'true');
            } else {
                $tmp.find('[type="checkbox"]').prop('checked', '');
            }
        });
    //word 
    $('#accordion .ace').on('click', function () {
    var $that = this;
    var $tmp = $($that).parents("div .panel-default");
    var tmp1 = $("tmp>form").find("input");
    if ($(this).is(':checked')) {
    $tmp.find('[type="checkbox"]').prop('checked', 'true');
    } else {
    $tmp.find('[type="checkbox"]').prop('checked', '');
    }
    });
  • 相关阅读:
    碰撞的蚂蚁 牛客网 程序员面试金典 C++ Java Python
    空格替换 牛客网 程序员面试金典 C++ Python
    穿点最多的直线 牛客网 程序员面试金典 C++
    第K个数 牛客网 程序员面试金典 C++ Python
    React Native之图片/宽高/字体平台适配
    echarts玩转图表之矩形树图
    如何评价 Vue 的 Function-based Component?
    如何写一个像axios那样牛叉的请求库
    精读《Nuxtjs》
    react hooks系列之useRef
  • 原文地址:https://www.cnblogs.com/jiangfeilong/p/11386948.html
Copyright © 2020-2023  润新知