It probably not that common but if you want a list of things a user could check.
For example, if there was a list of languages as checkbox inputs, they could check each one they knew and the output of the Full Example would give you an Array of the languages the user knows.
If you open the Interactive Example in JSFiddle you can see the console output for this :)
You could also do this. It depends what processing you want to do afterwards. :)
I've included both in here jsfiddle.net/8fL3vra1/
Where you can run it, what you get is:
Hi, my name is Austin Gil.
I'm a web developer from Portland, Oregon.
Over the last ten years, I’ve built projects for award-winning agencies, innovative start-ups, government organizations, and more.
Oh yeah, that would make sense. I usually give each checkbox its own name, and if they are related, I put them inside a <fieldset>. I'll need to remember this if I'm working with objects and want a list.
Usually I just wrap the data in a URLSearchParams and send it to the backend like that. URLSearchParams will handle the list if there are multiple entries with the same name.
Hi, my name is Austin Gil.
I'm a web developer from Portland, Oregon.
Over the last ten years, I’ve built projects for award-winning agencies, innovative start-ups, government organizations, and more.
Ah yes. This is true. My only issue with this is using FormData in the request body changes the request headers from the default application/x-www-form-urlencoded to multipart/form-data. This has caused me issues before, so I try to avoid it.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
It probably not that common but if you want a list of things a user could check.
For example, if there was a list of languages as checkbox inputs, they could check each one they knew and the output of the Full Example would give you an Array of the languages the user knows.
If you open the Interactive Example in JSFiddle you can see the console output for this :)
I have a question; does this make sense if you use
name="lang[js]"
andname="lang[py]"
?You could also do this. It depends what processing you want to do afterwards. :)
I've included both in here jsfiddle.net/8fL3vra1/
Where you can run it, what you get is:
My personal preference is to get the list of items but it's completely up to you how you want to achieve it :D
Oh yeah, that would make sense. I usually give each checkbox its own name, and if they are related, I put them inside a
<fieldset>
. I'll need to remember this if I'm working with objects and want a list.Usually I just wrap the data in a
URLSearchParams
and send it to the backend like that.URLSearchParams
will handle the list if there are multiple entries with the same name.If you POST, I believe you can do directly
body: new FormData(e.target)
if you GET and adjoin a query string, you may indeed need URLSearchParams
Ah yes. This is true. My only issue with this is using FormData in the request body changes the request headers from the default
application/x-www-form-urlencoded
tomultipart/form-data
. This has caused me issues before, so I try to avoid it.