Как установить ближайший флажок с помощью jQuery

У меня есть цикл 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>

Как я могу установить ближайший флажок при нажатии на изображение.

0

Решение

.closest Путешествует по дереву DOM, пока не найдет совпадение для поставляемый селектор. Вам нужно использовать next() или же find() как это:

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

или же

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

или даже

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

Другие решения

В приведенных ниже утверждениях установлен соответствующий флажок.

Пытаться:

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

Или же

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

А ты уже прошел курс программирования? Супер скидка!
Прокачать скилл $$$
×