html checkbox values to array and ajax

314
02 мая 2017, 07:05

здравствуйте, есть несколько чекбоксов, как показано на скриншоте

как их можно отправить ajax формой, массивом, на подобии array = name: prop.checked (количество чекбоксов не фиксировано)

то есть array = 2:'false', 22:'true', 20:'true';

Answer 1

Нужно просто пройти по всем чекбоксам циклом и проверить каждый отдельно, только в вашем случае думаю стоит будет уточнить селектор, в моем случае будет находить все чекбоксы на странице:

var data = {}; 
$('[type="checkbox"]').each(function(index, el) { 
	data[$(el).attr('name')] = $(el).is(":checked"); 
}); 
console.log(data);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="checkbox" name="2"> 
<input type="checkbox" name="22" checked> 
<input type="checkbox" name="20" checked>

Дальше объект data передаете в ajax и всё.

READ ALSO
Записать в БД несколько строк сразу

Записать в БД несколько строк сразу

СУБД: MySQL 55, сервер: Apache 24, PHP 7, пробую сделать без фреймворков

210
Производительность web-страницы и Electron/NW.js

Производительность web-страницы и Electron/NW.js

Как я понимаю Electron/NWjs по сути просто открывает окно браузера с нужным контентом, но если взять web-страницу и открыть её в Chrome и ту же саму страницу...

255
Не отображается объект в three.js

Не отображается объект в three.js

Я пишу код, для добавленияobj, созданного с помощью Blender, в three

215
Меняем задний фон для slick-slider

Меняем задний фон для slick-slider

Просмотрел весь slick-slider нашел пару функций типа afterChange и beforeChange но не могу разобраться, суть вопроса в том что есть слайдер с фотками людей...

265