Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать смену фона блока комментариев при нажатии на input?

Как сделать смену фона блока комментариев при нажатии на input?


     09.06.2018    Все вопросы » jQuery    132

вопрос
День добрый. Возник весьма интересный вопрос по поводу тега {mass-action}.
Насколько всем известно, этот тег выводит чекбокс для выбора определенных комментариев.
Хочу сделать так, чтобы при нажатии на этот самый input менялся фон блока комментария, при повторном нажатии, фон менялся обратно на дефолтный. Пытался реализовать эту фичу с помощью js, и даже получилось сделать смену фона, но проблема в том, что менялся фон у всех комментариев, независимо на какой чекбокс ты нажмешь, да и я уверен, что пытался реализовать нужное мне действие неверным способом.
Данная фишка есть в админке, в разделе "Редактирование пользователей", поэтому, я думаю, и в шаблоне это реализовать можно, но вот так, не знаю.

Думаю на картинках будет более понятен мой вопрос.

Обычный вид блока

Как сделать смену фона блока комментариев при нажатии на input?


После нажатия на input

Как сделать смену фона блока комментариев при нажатии на input?


Очень надеюсь на вашу помощь =)

Ответа пока нет


2 комментария

w1st
Юзер

w1st - 9 июня 2018 04:57 -

Вот тебе простенькое решение на jquery



<div class="wrapper">
	<div class="user-wrapper">
		<input name="user1" value="user1" class="user" type="checkbox" checked="">
	</div>
	<div class="user-wrapper">
		<input name="user2" value="user2" class="user" type="checkbox">
	</div>
	<div class="user-wrapper">
		<input name="user3" value="user3" class="user" type="checkbox">
	</div>	
</div>

<script>
$(function () {
	$('.user').on('change', function () {
		if ($(this).prop('checked')) {
			$(this).closest('.user-wrapper').addClass('checked')
		} else {
			$(this).closest('.user-wrapper').removeClass('checked')
		}
	});
});
</script>
<style>
.user-wrapper.checked {
	background-color: rgb(255, 0, 0);
}
</style>

SaNeR
Юзер

SaNeR - 10 июня 2018 23:10 -

Большое спасибо. Прикрутил скрипт и все заработало так, как мне и нужно =)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх