dijit.form.RadioButton 's set() method doesn't appropriately handle the "name" property

[kentonr]

Changing the "name" property on the dijit does not propagate the change to the underlying DOM node, which causes issues which can be demonstrated in the attachment.

Looking at the source code, when the user clicks on a radio button, the dijit performs a DOM query to find any other radio buttons and compares the 'name' property for a match (and unchecking them if they are checked). Since it is comparing against it's name property with a DOM node's name property, there is a mismatch between what the dijit's name property is versus the DOM node's name property and the radio button functionality is broken (you can select all of the radio buttons that were modified in this way).

I was able to work around it with this code: dijit.form.RadioButton?.prototype._setNameAttr = function(value) {

dojo.byId(this.id).name = value; this.name = value;

};

I can verify the defect exists in 1.6.0 and 1.6.1. My sample page uses the Google CDN. Clicking on the button will modify the radio buttons' name property for the first three radio buttons. Since they all are being set to the same value, it should function the same as before, but you run into this issue.

[kentonr]

Sample that uses the Google CDN to duplicate this issue.

[Douglas Hays]

name is a constant string value. Changing it is not supported.
name: [const] String