JavaScript is not enabled in your browser. These examples will not work without JavaScript.

Forms: Radio Buttons

In this form, we have two distinct sets of radio buttons. Note that in a set, only one item can be selected. If you need to allow multiple items to be selected, use checkboxes instead.

Clicking any radio button here causes an alert to open (thanks to jQuery). The alert tells us the value of that button, which is in the HTML. The Submit button will write text onto the page.

Note that the Reset button resets all form elements, but it does not reload the page.

I added the image inside the form just for fun.

Pants Size



Pants Length


Return to the index.