Submit Form & Separate Checkbox Values with Commas

Question

 <form ... method="get">
 <checkbox name="category[]" value="1">
 <checkbox name="category[]" value="2">
 <checkbox name="category[]" value="3">
 ...

I want the final get query to look like the following, if all items are checked: ?category=1,2,3

If only 1 and 3 are checked: ?category=1,3

What's the best way to achieve this?

Matt Stein · Accepted Answer · 2011-08-16 21:03:22Z

1

You could use Javascript to manipulate a hidden field:

<input type="hidden" name="category" value="" />

When either checkbox is changed, update the value (i.e. "1,3" or "1,2,3") as needed.

answered Aug 16, 2011 at 21:03

Matt Stein

3,0531 gold badge21 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

No problem! I couldn't think of a better non-JS-dependent approach, but maybe somebody else will chime in.