Как передать в аякс значения атрибутов name, value и data-color?

Question

[I'm Yoda]

Имеется список из чекбоксов:

<form id="color_form">
     <input type="checkbox" value=".<?= $color_value_id; ?>" name="COLOR_CHANGER[]" 
                data-color="<?= $color_value; ?>" id="<?= $color_value_id; ?>" class="check"/>
     <label for="<?= $color_value_id; ?>">
          <?= $color_value; ?>
          <span></span>
     </label>
</form>

Как передать в запрос значения атрибутов name, value и data-color?

var $data_color = $(document).find('#color_form').serializeArray();

Так передает только name и value. Подскажите как правильно сделать?

data-* атрибут можно называть как вздумается?

Answer 1

[I'm Yoda]

Решил вопрос иначе. Решил не затрагивать дата атрибуты и передал все через атрибут value

Answer 2

[Гурбан Гурбанов]

Для таких моментов и придумали input type='hidden'. Добавьте для каждого значения которое хотите отправить на сервер в инпут тайп хидн и при сабмите сериализуйте форму

Comments

[I'm Yoda]

Пробовал этот вариант, но почему то при использовании input type='hidden' передает все доступные значения, а не те которые отмечены. Возможно я что-то делаю не так? Подскажите, буду рад любому совету и критике в мой адрес. Я не профи в этом деле. Но мне необходимо, чтоб в аякс передавался отмеченный чекбокс с атрибутами name, value и data-color.

[Гурбан Гурбанов]

пришлите файл на [e-mail] постараюсь помочь