Event handler for radiobutton menu items?

[moonbat]

I'm making a cascading popup menu with 3 items - a checkbox and 2 radiobuttons, and the checkbox also toggles whether the radio buttons are disabled (i.e. if the checkbox is unchecked, the radio buttons are disabled).
Per the MDN documentation, you group the radio menuitems by giving them a common name, and not by using a radiobuttongroup as is the case for regular radiobuttons. How do I capture events or detect which one is selected? The page also says that you can place the oncommand in the enclosing menupopup - but that makes sense only if all the items in the submenu are radio buttons, and that isn't the case here.

The command element doesn't have anything to query radiobuttons.

I've tried attaching the oncommand handler to the menupopup, and commonly to all 3 menu items but it doesn't respond to events. Is there an easier way to do this?

[thosrtanner]

Personal opinion only: I think radio buttons in a menu would be confusing to use.

[Isengrim]

You can add an "oncommand" attribute to each menu item to handle selection of that item, just as the MDN documentation shows.

Code: Select all

<menuitem id="my-menuitem" label="&label;" type="radio" oncommand="Command(args);" />

If you wanted to, you could use the same method for all of your radio items and either have each item pass a different parameter, or within that command check each item and determine which is selected.

On a side note, if the checkbox disables the other two radio items, wouldn't that just work the same as three radio items?

[moonbat]

On a side note, if the checkbox disables the other two radio items, wouldn't that just work the same as three radio items?

D'oh!