Radio button value returning null - need help with change event

Wized
1

Hi everyone,

I’m having trouble capturing radio button values in Wized. The radio buttons work correctly in the browser (I can select them and they toggle properly), but the value is showing as null in the Data Store.
My HTML structure-
<input type="radio" name="billing_address" wized="billing_address" class="form_ui_input" value="same" checked> <input type="radio" name="billing_address" wized="billing_address" class="form_ui_input" value="different">

The Problem: When I select either radio button, the value in the Data Store remains null. I can see in the browser DevTools that the radio inputs have the correct name and value attributes, but Wized isn’t capturing the selected value.
Read-only link- Wized
Path - /checkout

2

Hey @littlegeniustoyspvtl!


Thank you for the details provided - this is most likely a JavaScript action on the radio button which prevent the value from reaching wized on change. To be able to test this, please create a basic radio input with no styling or animations attached to its functionality and recheck if Wized can now detect the radio input change of value.

1 Like
3

image
image1919×669 108 KB

Hi, thanks for the reply, as you can see those 2 radio buttons are not bound with JS, but still it’s null in the wized data store.

4

Hi Elvisben, I have make the value return event.target.value and its working, thanks as usual for the help.

image
image1918×697 168 KB