 | JavaScript | |||
|---|---|---|---|---|
| Prev | Home | Up | Next |
| Availability: |
| |||||||
| Inherits from: | Input object | |||||||
| JavaScript syntax: | - | myRadioButton = myDocument.aFormName.anElementName | ||||||
| - | myRadioButton = myDocument.aFormName.elements[anItemIndex] | |||||||
| IE | myRadioButton = myDocument.all.anElementID | |||||||
| IE | myRadioButton = myDocument.all.tags("INPUT")[anIndex] | |||||||
| IE | myRadioButton = myDocument.all[aName] | |||||||
| - | myRadioButton = myDocument.forms[aFormIndex].anElementName | |||||||
| - | myRadioButton = myDocument.forms[aFormIndex].elements[anItemIndex] | |||||||
| - | myRadioButton = myDocument.getElementById(anElementID) | |||||||
| - | myRadioButton = myDocument.getElementsByName(aName)[anIndex] | |||||||
| - | myRadioButton = myDocument.getElementsByTagName("INPUT")[anIndex] | |||||||
| HTML syntax: | <INPUT TYPE="radio"> | |||||||
| Argument list: | anIndex | A valid reference to an item in the collection | ||||||
| aName | The name attribute of an element | |||||||
| anElementID | The ID attribute of an element | |||||||
| anItemIndex | A valid reference to an item in the collection | |||||||
| aFormIndex | A reference to a particular form in the forms collection | |||||||
| Object properties: | checked, defaultChecked, status, type, value | |||||||
| Object methods: | handleEvent() | |||||||
| Event handlers: | onAfterUpdate, onBeforeUpdate, onBlur, onClick, onDblClick, onErrorUpdate, onFilterChange, onFocus, onHelp, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onRowEnter, onRowExit | |||||||
Many properties, methods, and event handlers are inherited from the Input object class. Refer to topics grouped with the "Input" prefix for details of common functionality across all sub-classes of the Input object super-class.
There isn't really a RadioButton object class but it is helpful when trying to understand the wide variety of input element types if we can reduce the complexity by discussing only the properties and methods of a radio button. In actual fact, the object is represented as an item of the Input object class.
The RadioButton sub-class of the Input object does not support the select() method or the defaultValue property except on MSIE.
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV ID="RESULT">?</DIV>
<FORM onClick="handleClick()">
<INPUT TYPE="radio" VALUE="A" NAME="SET">Selection A<BR>
<INPUT TYPE="radio" VALUE="B" NAME="SET">Selection B<BR>
<INPUT TYPE="radio" VALUE="C" NAME="SET">Selection C<BR>
<INPUT TYPE="radio" VALUE="D" NAME="SET">Selection D<BR>
</FORM>
<SCRIPT>
// Code for IE only
function handleClick()
{
myString = "[";
myString += document.forms[0].elements[0].checked;
myString += "] [";
myString += document.forms[0].elements[1].checked;
myString += "] [";
myString += document.forms[0].elements[2].checked;
myString += "] [";
myString += document.forms[0].elements[3].checked;
myString += "]";
document.all.RESULT.innerText = myString;
}
</SCRIPT>
</BODY>
</HTML>| Property | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| checked | 1.0  | 1.0 | 2.0 | 3.02 | 3.0 |  | | 1 | | | - |
| defaultChecked | 1.0 | 1.0 | 2.0 | 3.02 | 3.0 | | | 1 | | | - |
| status | | 3.0 | | 4.0 | | | | | | | - |
| type | 1.1 | 3.0 | 3.0 | 4.0 | 3.0 | | | 1 | | | ReadOnly. |
| value | 1.0 | 1.0 | 2.0 | 3.02 | 3.0 | | | 1 | | |  |
| Method | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| handleEvent() | 1.2 | | 4.0 | | | | | | | | - |
| Event name | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| onAfterUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onBeforeUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onBlur | 1.1 | 3.0 | 3.0 | 4.0 | 3.0 | | | | | | |
| onClick | 1.0 | 1.0 | 2.0 | 3.0 | 3.0 | | | | | 4.0 | |
| onDblClick | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onErrorUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onFilterChange | | 3.0 | | 4.0 | | | | | | | - |
| onFocus | 1.0 | 3.0 | 2.0 | 4.0 | 3.0 | | | | | | |
| onHelp | | 3.0 | | 4.0 | | | | | | | |
| onKeyDown | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onKeyPress | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onKeyUp | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseDown | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseMove | 1.2 | 3.0 | 4.0 | 4.0 | | | | | | 4.0 | |
| onMouseOut | 1.1 | 3.0 | 3.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseOver | 1.0 | 1.0 | 2.0 | 3.0 | 3.0 | | | | | 4.0 | |
| onMouseUp | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onRowEnter | | 3.0 | | 4.0 | | | | | | | - |
| onRowExit | | 3.0 | | 4.0 | | | | | | | - |
| Prev | Home | Next |
| RadialWipe() | Up | RadioButton.checked |
JavaScript Programmer's Reference, Cliff Wootton Wrox Press (www.wrox.com) Join the Wrox JavaScript forum at p2p.wrox.com Please report problems to support@wrox.com © 2001 Wrox Press. All Rights Reserved. Terms and conditions. | ||