diff --git a/assets/js/src/form_editor/blocks/custom_radio/edit.jsx b/assets/js/src/form_editor/blocks/custom_radio/edit.jsx
index 723b1a6924..665326d0d9 100644
--- a/assets/js/src/form_editor/blocks/custom_radio/edit.jsx
+++ b/assets/js/src/form_editor/blocks/custom_radio/edit.jsx
@@ -77,6 +77,7 @@ const CustomRadioEdit = ({ attributes, setAttributes }) => {
             <input
               type="radio"
               disabled
+              checked={value.isChecked || false}
             />
             {value.name}
           </label>
@@ -92,6 +93,7 @@ CustomRadioEdit.propTypes = {
     values: PropTypes.arrayOf(PropTypes.shape({
       name: PropTypes.string.isRequired,
       id: PropTypes.string.isRequired,
+      isChecked: PropTypes.bool,
     })),
     mandatory: PropTypes.bool.isRequired,
     hideLabel: PropTypes.bool,
diff --git a/assets/js/src/form_editor/blocks/custom_radio/settings_preview.jsx b/assets/js/src/form_editor/blocks/custom_radio/settings_preview.jsx
index 91dc9df19a..d5e4a11a6b 100644
--- a/assets/js/src/form_editor/blocks/custom_radio/settings_preview.jsx
+++ b/assets/js/src/form_editor/blocks/custom_radio/settings_preview.jsx
@@ -80,7 +80,8 @@ const PreviewItem = ({
       style={{ opacity }}
     >
       <input
-        type="radio"
+        type="checkbox"
+        checked={value.isChecked || false}
         onChange={(event) => onCheck(value.id, event.target.checked)}
         key={`check-${value.id}`}
       />
@@ -103,6 +104,7 @@ PreviewItem.propTypes = {
   value: PropTypes.shape({
     name: PropTypes.string.isRequired,
     id: PropTypes.string.isRequired,
+    isChecked: PropTypes.bool,
   }).isRequired,
   onUpdate: PropTypes.func.isRequired,
   onCheck: PropTypes.func.isRequired,