diff --git a/ui/src/components/checkbox/use-checkbox.js b/ui/src/components/checkbox/use-checkbox.js
index 58cd12e68ab..77742672047 100644
--- a/ui/src/components/checkbox/use-checkbox.js
+++ b/ui/src/components/checkbox/use-checkbox.js
@@ -112,6 +112,8 @@ export default function (type, getInner) {
     const prop = { type: 'checkbox' }
 
     props.name !== void 0 && Object.assign(prop, {
+      // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
+      '.checked': isTrue.value,
       '^checked': isTrue.value === true ? 'checked' : void 0,
       name: props.name,
       value: modelIsArray.value === true
diff --git a/ui/src/components/radio/QRadio.js b/ui/src/components/radio/QRadio.js
index 2eff88237e5..0cd46ba6888 100644
--- a/ui/src/components/radio/QRadio.js
+++ b/ui/src/components/radio/QRadio.js
@@ -100,6 +100,8 @@ export default createComponent({
       const prop = { type: 'radio' }
 
       props.name !== void 0 && Object.assign(prop, {
+        // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
+        '.checked': isTrue.value === true,
         '^checked': isTrue.value === true ? 'checked' : void 0,
         name: props.name,
         value: props.val