• 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', '');
    }
    });
  • 相关阅读:
    Chrome 已经原生支持截图功能,还可以给节点截图!
    【promise| async/await】代码的控制力
    移动端各种分辨率手机屏幕----适配方法集锦
    Web Storage事件无法触发
    【php学习】图片处理三步走
    NYOJ 36 LCS(最长公共子序列)
    NYOJ 252 01串 普通dp
    NYOJ 18 The Triangle 填表法,普通dp
    NYOJ-171 聪明的kk 填表法 普通dp
    NYOJ17 最长单调递增子序列 线性dp
  • 原文地址:https://www.cnblogs.com/jiangfeilong/p/11386948.html
Copyright © 2020-2023  润新知