'Deselection a radio button works in Android Chrome but not in Desktop one
I have this HTML/JADE:
#dataNotes.fadeout
input#optNotBroken(style="margin-top:6px;" type="radio" data-dojo-type="dojox/mobile/RadioButton" checked=false name="radioGroup" value="on")
label(for="optNotBroken") NOT BROKEN
input#optFaultSolved(style="margin-top:6px;" type="radio" data-dojo-type="dojox/mobile/RadioButton" checked=false name="radioGroup" value="on")
label(for="optFaultSolved") FAULT SOLVED
and this js:
var regNotBroken = registry.byId("optNotBroken");
var statusNotBroken = regNotBroken.get("checked");
var regFaultSolved = registry.byId("optFaultSolved");
var statusFaultSolved = regFaultSolved.get("checked");
var optNotBroken = dom.byId("optNotBroken");
on(optNotBroken, "click", function (e) {
if (statusNotBroken === true) {
regNotBroken.set("checked", false);
} else {
regFaultSolved.set("checked", false);
}
statusNotBroken = regNotBroken.get("checked");
statusFaultSolved = regFaultSolved.get("checked");
optNotBroken.focus();
});
var optFaultSolved = dom.byId("optFaultSolved");
on(optFaultSolved, "click", function (e) {
if (statusFaultSolved === true) {
regFaultSolved.set("checked", false);
} else {
regNotBroken.set("checked", false);
}
statusNotBroken = regNotBroken.get("checked");
statusFaultSolved = regFaultSolved.get("checked");
optFaultSolved.focus();
});
The goal is to allow to deselect the radio buttons if clicked when already selected.
It works fine in Firefox Desktop and for Android. It works fine in Chrome 99.0.* for Android, but it does NOT work in Chrome (same version) for Desktop. I tried with different machines, all with Windows 10.
"Does not work" means the radio buttons are not deselected when clicked.
What should I change in order to fix it?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
