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', '');
}
});
posted @   江期玉  阅读(270)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示