Как установить ближайший флажок с помощью 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>
Как я могу установить ближайший флажок при нажатии на изображение.
Решение
.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);
Другие решения
В приведенных ниже утверждениях установлен соответствующий флажок.
Пытаться:
$(this).parent().find('input[type="checkbox"]').prop('checked', true);
Или же
$(this).next('input[type=checkbox]').prop('checked', true);
detector