jquery - 如何检查不被jquery隐藏的复选框
问题描述
我有这些复选框
<input type='checkbox' class="catagory region-1"/>
<ul>
<li>1
<input type='checkbox' class="catagory region-1" />
<ul>
<li>2
<input type='checkbox' class="catagory region-1" />
</li>
</ul>
</li>
<li>1
<input type='checkbox' class="catagory region-1" />
<ul>
<li>2
<input type='checkbox' class="catagory region-1" />
</li>
<li>2
<input type='checkbox' class="catagory region-2" />
</li>
<li>2
<input type='checkbox' class="catagory region-2" />
</li>
</ul>
</li>
</ul>
$(function () {
$("input[type='checkbox']").change(function () {
$(this).siblings('ul')
.find("input[type='checkbox']")
.prop('checked', this.checked);
});
});
li ul {
padding-left: 25px;
border: none;
display:block;
}
ul {
border: 2px solid blue;
padding: 5px;
margin:5px;
display:inline-block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
我已经编写了一个 jquery 函数来使用类过滤器功能按类别过滤复选框,过滤的一个将被显示,其他的将被隐藏。所以我想编写一个函数来检查所有当前未隐藏的复选框。
解决方案
在过滤您的复选框后调用它:
$('input:checkbox:visible').prop('checked', true);
这将检查所有可见的复选框。
您可以添加属性等于选择器:
$("input:checkbox:visible[thetype='customcheck']").prop('checked', true);
推荐阅读
- c - 为什么这是无效的 C 代码?
- android - 使用 SimpleDraweeView 显示本地图片报错
- ssh - .gitlab-ci.yml 文件无法执行 ssh-add
- apache-flink - Flink 是否支持 map 端聚合?(批)
- google-maps - 从谷歌地图jquery / javascript中的纬度和经度获取前提/建筑物名称
- ruby-on-rails - Pundit 和 ActiveRecord 合并连接
- android - 按下返回按钮返回上一页
- c++ - 常量枚举或其他
- plugins - 访问 Artifactory 执行用户插件中的工件内容
- android - 什么时候在 Flutter 中使用 setState?