HTML+CSS+JavaScript

Доброго дня!
есть такая конструкция -
<input type="checkbox" id="egroup" name="group_id[21]"><small>Первая</small>&nbsp;&nbsp;
<input type="checkbox" id="egroup" name="group_id[22]"><small>Вторая</small>&nbsp;&nbsp;
<input type="checkbox" id="egroup" name="group_id[23]"><small>Третья</small>&nbsp;&nbsp;
...

как можно "выловить" айди этих групп? далее пойдут в массив будут передаваться в урл.

пробую
var arElements = document.getElementsByName('group_id[]'); и вот тут-то засада - не могу с разными айдишками сделать.

Как выйти из ситуации?

Спасибо!

а чем вас не устраивает?

<input type="checkbox" id="egroup" name[]="group_id[22]"> <input type="checkbox" id="egroup" name[]="group_id[23]"

Массив name