Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.05.2018, 11:46
Интересующийся
Отправить личное сообщение для igrshrn Посмотреть профиль Найти все сообщения от igrshrn
 
Регистрация: 21.05.2018
Сообщений: 10

Получение данных из группы checkbox
Добрый день, задача стоит такая:
Есть группа кнопок https://ibb.co/dpQtWT - такой вид на сайте. (через тег ссылка не работает)
<div class="row filter-selects">
			<?php if(!empty($filters["manufacturers"])): ?>
				<div class="col-md-3 select">
					<label>Производитель:</label><br />
						<div class="search" name="manufacturer">
						<?php foreach ($filters["manufacturers"] as $key => $m ): ?>
							<span>
								<input type="checkbox" class="manufacturer" name="manufacturer" id="<?=$m?>" value="<?=$m?>">
								<label class="button-check-label" for="<?=$m?>">
									<?=$m?>
								</label>
							</span>
						<?php endforeach; ?>
					</div>
				</div>
			<?php endif; ?>

			<?php if(!empty($filters["amperages"])): ?>
				<div class="col-md-3 select">
					<label class="text-nowrap">Номинальный ток:</label><br />
						<div class="search" name="amperage">
						<?php foreach ($filters["amperages"] as $a): ?>
							<span>
								<input type="checkbox" class="button-check" name="amperage" id="<?=$a?>" value="<?=$a?>">
								<label class="button-check-label" for="<?=$a?>">
									<?=$a?>
								</label>
							</span>
						<?php endforeach; ?>
					</div>
				</div>
			<?php endif; ?>
...
</div>


Как мне получить массив данных с checkbox, вида
result = [
manufacturer[0 => ...,
1 => ...]
amperage[0 => ...]
]
Под точками имею ввиду значения нажатых чекбоксов. Код js сейчас имеет вид
$(".filter-selects").on('change', 'input[type=checkbox]', function() {
			$("#filter-btn .submit").hide();
			$("#progress").show();
			var empty = 0;
			$("input[type=checkbox]:checked").map(function(id, elem) {
				var name = $(elem).attr('name');
				var val = $(elem).val(); 
				var arr = [];
				res[name] = val;
				});
			console.log(res);
}
Ответить с цитированием
  #2 (permalink)  
Старый 21.05.2018, 12:38
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

var result;
$('input[type="checkbox"]').change(function(){
	result = ['manufacturer', $('[name="manufacturer"]:checked').map(function(indx, element){
		return $(element).val();
	}), 'amperage', $('[name="amperage"]:checked').map(function(indx, element){
		return $(element).val();
	})];
});
Ответить с цитированием
  #3 (permalink)  
Старый 21.05.2018, 12:43
Интересующийся
Отправить личное сообщение для igrshrn Посмотреть профиль Найти все сообщения от igrshrn
 
Регистрация: 21.05.2018
Сообщений: 10

Благодарю!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Калькулятор стоимости услуг. Nik_Dev Элементы интерфейса 4 03.05.2018 16:50
Отправка и получение данных AJAX Le7o AJAX и COMET 18 14.06.2016 21:55
Двойная Фильтрация данных таблицы David0707 Общие вопросы Javascript 0 19.03.2012 13:00
Вывод выбранных данных и проверка checkbox MasterHrust Javascript под браузер 3 28.09.2011 17:44
Получение данных NeoMurderer AJAX и COMET 11 21.08.2011 14:46