Latest web development tutorials
 

Input Radio name Property

< Input Radio Object

Example

Get the name of a radio button:

var x = document.getElementById("myRadio").name;

The result of x will be:

colors
Try it Yourself »

Definition and Usage

The name property sets or returns the value of the name attribute of a radio button.

Tip: You define radio button groups with the name property (radio buttons with the same name belong to the same group).

The name attribute is used to identify form data after it has been submitted to the server, or to reference form data using JavaScript on the client side.

Note: Only form elements with a name attribute will have their values passed when submitting a form.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The name property is supported in all major browsers.


Syntax

Return the name property:

radioObject.name

Set the name property:

radioObject.name=name

Property Values

Value Description
name Specifies the name of the radio button

Technical Details

Return Value: A String, representing the name of the radio button

More Examples

Example

Change the name of a checkbox:

document.getElementById("myRadio").name = "newRadioName";
Try it Yourself »

Related Pages

HTML reference: HTML <input> name attribute


< Input Radio Object