使用JQuery选择器选中同级目录中的复选框可以通过以下步骤实现:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<div class="checkbox-container">
<input type="checkbox" class="checkbox">
<input type="checkbox" class="checkbox">
<input type="checkbox" class="checkbox">
</div>
.siblings()
方法来选择同级元素,再结合.find()
方法选择复选框:$(document).ready(function() {
$('.checkbox').click(function() {
$(this).siblings('.checkbox').prop('checked', $(this).prop('checked'));
});
});
上述代码中,当一个复选框被点击时,它的同级复选框将会被选中或取消选中,通过.prop('checked', value)
方法来设置复选框的选中状态。
这种方法适用于同级目录中的复选框,可以根据实际情况调整选择器的使用方式。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云