zoukankan      html  css  js  c++  java
  • 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', '');
    }
    });
  • 相关阅读:
    Java三年经验
    系统集成项目管理 - 笔记
    ZK
    older versions of the JRE and JDK
    [提高组集训2021] 古老的序列问题
    CF1556G Gates to Another World
    Codeforces Round #743 (Div. 1)
    [提高组集训2021] 蚂蚁
    [LOJ 6669] Nauuo and Binary Tree
    [ABC219H] Candles
  • 原文地址:https://www.cnblogs.com/jiangfeilong/p/11386948.html
Copyright © 2011-2022 走看看