Показать сообщение отдельно
  #4 (permalink)  
Старый 22.09.2017, 23:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

vano_mig,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$('.filter1').on('click', function(){
var data = {arr: '[name="autor[]"]:checked', cat: '[name="category[]"]:checked', style: '[name="style[]"]:checked'};
Object.keys(data).forEach(function (key) {
  var el = document.querySelectorAll(data[key]);
  //!el.length && (el = [{value : 'none'}])
  data[key] = [].map.call(el, function(el) {
       return el.value
  });
});

alert(JSON.stringify(data));
/*

$.ajax({
     			url: '/filter',
     			data: data,
     			type: 'GET',
                dataType :  'json',
     			success: function(filter) {

     				var responce = filter;
     				if (responce != "") {
     					console.log(filter);
       			 	$('.category_item').css('display', 'none');
       			 	$('.category_items').append(responce.prod);
       			}
     			},
     			error: function() {
     				alert("Ошибка подключения!");
     			}
        })

        */




});




});
  </script>
</head>

<body>
<div class="filterWrap isOpened">
          <div class="filterHead">Мастер</div>
          <ul class="filterBody autor">
            <li>
              <input type="checkbox" class="checkbox filter1" name="autor[]" value="1" id="filter_ch_1">
              <label for="filter_ch_1">Рейпольский А.Д.</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="autor[]" value="3" id="filter_ch_2">
              <label for="filter_ch_2">Митков Павел</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="autor[]" value="2" id="filter_ch_3">
              <label for="filter_ch_3">Рудаева Е.Л.</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="autor[]" value="4" id="filter_ch_4">
              <label for="filter_ch_4">Уркинеев Д.Л.</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="autor[]" value="5" id="filter_ch_5">
              <label for="filter_ch_5">Гусев Валерий</label>
            </li>
          </ul>
        </div>
        <div class="filterWrap isOpened">
          <div class="filterHead">Категория</div>
          <ul class="filterBody">
            <li>
              <input type="checkbox" class="checkbox filter1" name="category[]" value="1" id="filter_cc_1">
              <label for="filter_cc_1">Живопись</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="category[]" value="2" id="filter_cc_2">
              <label for="filter_cc_2">Графика</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="category[]" value="3" id="filter_cc_3">
              <label for="filter_cc_3">Изделия</label>
            </li>
          </ul>
        </div>
        <div class="filterWrap isOpened">
          <div class="filterHead">Техника</div>
          <ul class="filterBody">
            <li>
              <input type="checkbox" class="checkbox filter1" name="style[]" value="1" id="filter_ct_1">
              <label for="filter_ct_1">Карандаш</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="style[]" value="2" id="filter_ct_2">
              <label for="filter_ct_2">Акрил</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="style[]" value="3" id="filter_ct_3">
              <label for="filter_ct_3">Акварель</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="style[]" value="4" id="filter_ct_4">
              <label for="filter_ct_4">Масло</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox filter1" name="style[]" value="5" id="filter_ct_5">
              <label for="filter_ct_5">Тушь</label>
            </li>
            <li>
              <input type="checkbox" class="checkbox" name="style[]" value="6" id="filter_ct_6">
              <label for="filter_ct_6">Каменая живопись</label>
            </li>
          </ul>
        </div>

</body>
</html>
Ответить с цитированием