javascript - 如何仅从组复选框中的另一个复选框中检查所有其他复选框
问题描述
我只需要从其中一个复选框中启用检查(不取消选中)所有其他复选框
<input type="checkbox" name="product" value="all" />All Genders <br />
<input type="checkbox" name="product" value="women" />Women <br />
<input type="checkbox" name="product" value="men" />Men<br />
<input type="checkbox" name="product" value="bi" />Bi<br />
我需要做的是women, men and bi
在用户单击所有复选框时检查所有复选框,但在用户单击其他选项之一时仅通过代码取消选中它?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="product" value="all" />All Genders <br />
<input type="checkbox" name="product" value="women" />Women <br />
<input type="checkbox" name="product" value="men" />Men<br />
<input type="checkbox" name="product" value="bi" />Bi<br />
解决方案
$(document).on("click", "input", function (evt) {
if($(this).hasClass('selall')) {
$('input').prop('checked', true);
}
else
{
$('.selall').prop('checked', false);
}
if ($('.gender:checked').length == $('.gender').length) {
$('input').prop('checked', true);
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="product" value="all" class="selall" />All Genders <br />
<input type="checkbox" name="product" value="women" class="gender" />Women <br />
<input type="checkbox" name="product" value="men" class="gender" />Men<br />
<input type="checkbox" name="product" value="bi" class="gender" />Bi<br />
推荐阅读
- r - plotly 和 ggplot 图例顺序交互
- python - AWS ECR ListImages 结果有一个奇怪的顺序
- android - 当 EditText 具有边框背景和 maxLines 属性时,它的高度会略有变化
- google-app-engine - 如何从 Google App Engine(Python 3)写入 Google Cloud Storage 中的文件
- magento - 在 Magento 2 的销售订单网格中正确添加新列
- r - 计算总经过时间
- c# - 将 mp3 文件与 Microsoft.CognitiveServices.Speech 一起使用时出现 SPXERR_GSTREAMER_NOT_FOUND_ERROR
- azure - Azure Webapp 在 1 个节点上重新启动,然后启动超时
- c - 嵌套 git 存储库的错误声纳扫描仪分析结果
- linux - 在 Solaris 模式下(即 Irix 模式关闭)直接捕获顶级命令指标以获取 CPU% 的平均值