Why does the second "checked" in the JavaScript input overwrite the first?
I have a simple question and I hope someone can help me solve it.
I have some Javascript code that is responsible for checking two separate inputs. However, it seems that only one input can be checked.
No matter which input's "check" I put first in Javascript, it gets ignored or overridden, and I don't know why. Only the second input will be checked.
var radioButtonSticky = stickyATC.find('.swatch[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]');
var radioButtonMobileSticky = mobileStickyAtc.find('.swatch-dropdown__sliding-option-selector-outer-container[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]');
radioButtonSticky.get(0).checked = true;
radioButtonMobileSticky.get(0).checked = true;
In the above example, only the "radioButtonMobileSticky" input is selected. However, if I swap the order of the last two lines of this code, only the "radioButtonSticky" input will be selected.
I haven't found any answers online as to why this is happening and I'm going crazy! Thanks for any help!
I would expect both inputs to be selected regardless of the order in which JavaScript/JQuery "checks" them.
