Как с помощью serialize получить данные форм с чекбоксами при изменение чекбокса?

Question

[Cyber-Pavel]

Добрый день. Не пойму как отправить с помощью serialize всю форму. В data попадает только radio2. Буду рад любой помощи!

<form id="product_filter">
								<label for="" class="border">
									<input type="checkbox" checked="">
									<p>Только в наличии</p>
								</label>

								<p>Грузоподъемность, т</p>
								<label>
									<input value="от 1 до 1,8 тонн" type="radio" name="radio1" >
									<p>от 1 до 1,8 тонн</p>
								</label>
								<label>
									<input type="radio" name="radio1">
									<p>от 2 до 3,5 тонн</p>
								</label>
								<label>
									<input type="radio" name="radio1">
									<p>от 4 до 5 тонн</p>
								</label>
								<label>
									<input type="radio" name="radio1">
									<p>6 тонн и более</p>
								</label>

								<p>Высота подъема вил, мм</p>
								
								<label>
									<input class="checkbox" value="2000-7000" name="visota1" type="checkbox" >
									<p>2000-7000</p>
								</label>

								<label>
									<input class="checkbox"  value="4000-6500" name="visota2" type="checkbox">
									<p>4000-6500</p>
								</label>

								<label>
									<input type="checkbox">
									<p>2000-6500</p>
								</label>

								<label>
									<input type="checkbox">
									<p>3000-6500</p>
								</label>

								<label>
									<input type="checkbox">
									<p>2000-6000</p>
								</label>

								<p>Тип двигателя</p>

								<label>
									<input type="radio" name="radio2" checked>
									<p>газ/бензин</p>
								</label>
                                         </form>

<script>
 $("input").change(function (e) { // Устанавливаем событие отправки для формы с id=form
 $.ajax({
              url: '/ajax/products_filter.php',
		method: 'post',
		dataType: 'html',
		data: $('#product_filter').serialize(),
		success: function(data){
		 $('#product_container').html(data);
		}
	});
	return false;
});

</script>

Answer 1

[Nik Faraday]

Просто по-человечески попробуйте использовать is:checked подобно этому:

if ($('#checkbox').is(':checked')){
	// ...
}

Comments

[Cyber-Pavel]

спассибо, но в data попадает только radio2:on

[Nik Faraday]

Cyber-Pavel, странно, должно быть boolean значение. В вашем случае вот так:

data: $('#product_filter').is(':checked'),