如何使用 jQuery 检查最近的复选框

Question

我有一个 foreach 循环。在 foreach 循环中，我有以下代码。

<div class="col-md-2">
    <img alt="" class=" center-block developerlocationselection check" style="width:35%; margin-top:10%;" src="../../css/collecting/route-select.png">

    <input id="checkBox" type="checkbox" class="developernames" name="developernames">

</div>

我有一张图片和一个复选框。

我想要做的是当我点击图片时，最接近图片的复选框被选中。

这是我的Javascript

<script>
$(document).ready(function () {
    //$(".developerlocationselection").on('click', function () {
    $(".developerlocationselection").click( function () {
        alert(2);
        $(this).closest().find('input[type=checkbox]').prop('checked', true);
    });
});
</script>

如何在单击图像时选中最近的复选框。

Answer 1

.closest Travels up the DOM tree until it finds a match for the supplied selector. You need to use next() or find() 像这样：

$(this).parent().find('input[type=checkbox]').prop('checked', true);

或

$(this).next('input[type=checkbox]').prop('checked', true);

甚至

$(this).next().prop('checked', true);

Answer 2

以下语句选中相关复选框。

尝试：

$(this).parent().find('input[type="checkbox"]').prop('checked', true);

或

$(this).next('input[type=checkbox]').prop('checked', true);

如何使用 jQuery 检查最近的复选框

How to check closest checkbox using jQuery

php

checkbox

find

closest