Как передать значения чекнутых inpyt type checkbox в input type hidden?

Question

[Сергей вопросов]

Здравствуйте. Такой вопрос, на странице расположен главный

<input class="one" type="hidden" name="variants" value="" />

Также расположено много разных чекбоксов, например:

<label><input type="checkbox" name="xxs">xxs</label>
<label><input type="checkbox" name="xs">xs</label>
<label><input type="checkbox" name="s">s</label>
<label><input type="checkbox" name="m">m</label>
<label><input type="checkbox" name="l">l</label>

и т.д.

Как сделать так, чтобы при выборе чекбоксов их значения через запятую попадали (и так-же убирались) в главный input.one?

Т.е. чекнул я например xxs / s / l и в главном input значение получилось-бы

<input class="one" type="hidden" name="variants" value="xxs,s,l," />

Answer 1

[OKyJIucT]

<label><input type="checkbox" name="sizes[]" value="xxs">xxs</label>
<label><input type="checkbox" name="sizes[]" value="xs">xs</label>
<label><input type="checkbox" name="sizes[]" value="s">s</label>
<label><input type="checkbox" name="sizes[]" value="m">m</label>
<label><input type="checkbox" name="sizes[]" value="l">l</label>

и потом обрабатывать массив sizes со списком размеров

Comments

[Сергей вопросов]

Спасибо большое, в эту сторону я даже и не думал :)