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', '');
}
});
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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 重磅开源!
· 字符编码:从基础到乱码解决