JS. Отправка данных из нескольких форм.
 

Суть в следующем:
Пишется интернет магазин, есть таблица со списком товаров на против каждой позиции есть поле для ввода количества заказываемого товара и кнопка "купить".. т.е получается список форм:
<form action='index.php?action=tobasket&idtov=<?= $row["id"];?>' method=POST>
<input type=text name='kol' size=4>
<input type=submit value="купить">
</form>

Теперь они решили немного расширить функционал и сделать еще плюс ко всему одну единую кнопку "Добавить все выбранное" в корзину.
Т.е пользователь выберает количество товара в разных формах и жмет одну кнопку и все это должно уйти на сервер.

Можно все переписать сделать одну форму.
Но стало интересно возможно ли на JS собрать все данные из форм позиций в еще одну и отправить.
Сразу пришло на ум используюя getElementById() пройтись по документу сунуть в отдельную форму и отправить.. но что то не выходит..

Ну ты можешь сказать яваскрипту, сколько товаров на странице. Для каждой формы своё имя, типа form0, form1. Проверяешь у каждой формы, отмечен-ли чекбокс, если да, забираешь все данные из формы.
Обращаться к форме можно так: document['form'+id], где id от 0 до кол-ва товаров.

Ну, можно еще просто сделать единую форму на страницу и на сервере разбираться с прилетевшими нулями и отсутствием чекбоксов.