Radio : Radio Button « Form « JavaScript Tutorial

  1. JavaScript Tutorial
  2. Form
  3. Radio Button




The Radio object represents a check box within an HTML form.

A check box is created using the HTML tag and specifying the TYPE attribute as radio.

Property/MethodDescription
blur()Removes focus from Radio object
checkedSpecifies whether a button is checked or unchecked
click()Simulates a mouse click on the button
defaultCheckedRefers to the CHECKED attribute of the HTML tag
focus()Sets the focus to a button
formRefers to the Form object that contains the Radio object
handleEvent()Invokes the default handler for the specified event
nameRefers to the NAME attribute of the HTML tag
onBlurEvent handler for Blur event
onClickEvent handler for Click event
onFocusEvent handler for Focus event
typeRefers to the TYPE attribute of the HTML tag
valueRefers to the VALUE attribute of the HTML tag


<html>
    <head>
    <title> Example of the Radio object title>
    </head>
    <body>
    <form name="form1">
    <input type="radio" name=button1 ?onClick='alert(document.form1.button1.name)'>Box 1
    <br>
    <input type="radio" name=button2>Box 2
    <br>
    </form>
    </body>
    </html>










10.11.Radio Button
10.11.1.Radio
10.11.2.Radio.blur()
10.11.3.Radio.checked
10.11.4.Radio.click()
10.11.5.Radio.defaultChecked
10.11.6.Radio.focus()
10.11.7.Radio.form
10.11.8.Radio.handleEvent()
10.11.9.Radio.name
10.11.10.Radio.onBlur
10.11.11.Radio.onClick
10.11.12.Radio.onFocus()
10.11.13.Radio.type
10.11.14.Radio.value
10.11.15.Checking a Radio Button Group
10.11.16.With with RADIO and CheckBox
10.11.17.Cycle the selected radio buttons
10.11.18.An onclick Event Handler for Radio Buttons