Get checkbox values with vanilla JavaScript

Подписаться 10 тыс.

Просмотров 11 тыс.

50% 1

👉 Source code: openjavascript.info/2022/12/1...
⚡ Looking for high-performance, afforable web hosting? We use HostWithLove: bit.ly/3V2RM9Q ❤️
Tutorial on how to get the values from multiple checkboxes from a HTML form using vanilla JavaScript.
#checkboxes #javascript #form #javascript_tutorial #webdevelopment #frontend #html #htmlforms #frontend #programming
🔔 Subscribe for more tutorials just like this: / @openjavascript
⚡ NEW: Web development courses from Meta Inc. ⚡
Front-End Developer Professional Certificate: imp.i384100.net/b3dMek
Back-End Developer Professional Certificate: imp.i384100.net/gbYorg
iOS Developer Professional Certificate: imp.i384100.net/Jr7qj2
Meta Android Developer Professional Certificate: imp.i384100.net/oeYnGo
Meta Database Engineer Professional Certificate: imp.i384100.net/BX7KGB
Website: openjavascript.info

Опубликовано:

4 ноя 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 9

@ashkanahmadi 9 месяцев назад

Excellent short and straight to the point tutorial. Thanks

@chetanram797 Год назад

Subscribed and liked! 👍

@OpenJavaScript Год назад

Thanks and welcome aboard this JavaScript learning train 🚂

@kelvinguzman6417 Год назад

You just helped me with an assignment where I had to create a site for a pizzeria. The toppings had to be created in a "checkbox" field then I had to print the results on the HTML page. Your video worked!

@OpenJavaScript Год назад

That's a really cool use case. Glad this video helped you to do it!

@TinyMaths Год назад

Thank you; this is very helpful. Currently working on a small app with checkboxes, where I want to be alerted to which items are not checked off if I try to submit. I think the second method might be a good solution.

@OpenJavaScript Год назад

I agree, I think the best approach in your case would be to adapt the second solution to query the second value in each array when a user clicks submit. Good luck with your app!

@TheMorrogoth 19 дней назад

I've been working on an electron app for some time now (just something to learn with) and I've been trying to figure out how to save checkboxes and effects on a div (IE: visible or none) and storing those within localStorage. Is there a way to use the checkbox clicking event as the "listener" event instead of having to use a button to submit? IE: If the user checks a box then it would hide a div and then save that choice in localStorage as it is being checked. The reason I ask this is because I'm creating the HTML using JS literal templates and I can't run functions within the template as it stands now.

@OpenJavaScript Год назад

Thanks for watching! 👉 Source code with live example: openjavascript.info/2022/12/13/get-checked-checkbox-values-from-html-form-with-javascript/