How to loop through checkboxes or radio button groups via JavaScript


Do you have a form with checkboxes or radio buttons that you would like to loop through via JavaScript? This JavaScript function will do just that!

Demo
I like to program in:

PHP

Perl

Ruby

ASP


I like to eat:

Snickers

Hershey's

M&M's

Nerds


I like to drink:

Coke

Gatorade

Pepsi

Milk


Continue reading How to loop through checkboxes or radio button groups via JavaScript

How to create your own customized calculator via JavaScript

This is a simple example of implementing a calculator with JavaScript and HTML. This calculator will only have the division, multiplication, addition, and subtraction operators but you can easily tack on more functions if needed.

Demo

Continue reading How to create your own customized calculator via JavaScript

How to dynamically add content to a div and store the content to a cookie via JavaScript


This is an example of adding dynamic content via JavaScript by allowing the user type in the actual content.

Demo
Content to be added:


Your content will be added dynamically below:

Continue reading How to dynamically add content to a div and store the content to a cookie via JavaScript

How to hide, show, or toggle your div

Are you trying to find a way to hide and show your content? The demo below shows a simple yet elegant way of toggling your content and toggling the control text via Javascript and styling.

Demo
click image to expand/collapse==>

This demo uses plus and minus images for hiding and showing your div dynamically via JavaScript. This content will toggle.

We will cover how to implement this example later on in the tutorial but first let’s start with a simple example.

Demo

show < == click here

Continue reading How to hide, show, or toggle your div

Dynamic Country State Javascript Menu Example


I have found myself in a couple of situations where I needed a simple dynamic javascript menu where the user would make a selection from one select list and depending on what the user selected from the first select list a second list would offer further options. Here is a perfect example:

Demo

Country:

State/Province:

Country value:

 

State/Province value:
 

Continue reading Dynamic Country State Javascript Menu Example