diff --git a/src/components/Check.tsx b/src/components/Check.tsx
index 62c5e1c..be60cfb 100644
--- a/src/components/Check.tsx
+++ b/src/components/Check.tsx
@@ -53,7 +53,7 @@ const Check: ParentComponent<CheckBoxProps> = (props) => {
       <Dynamic component={CheckIcon[internalChecked() ? 1 : 0]} />
       <div>{mProps.children}</div>
       <Show when={isNotNil(mProps.name)}>
-        <input type="hidden" name={mProps.name} value={internalChecked()} />
+        <input type="hidden" name={mProps.name} value={internalChecked() ? 'true' : 'false'} />
       </Show>
     </div>
   );
diff --git a/src/components/Radio.tsx b/src/components/Radio.tsx
index 1019923..a6b0cd8 100644
--- a/src/components/Radio.tsx
+++ b/src/components/Radio.tsx
@@ -53,7 +53,7 @@ const Radio: ParentComponent<RadioProps> = (props) => {
       <Dynamic component={RadioIcon[internalChecked() ? 1 : 0]} />
       <div>{mProps.children}</div>
       <Show when={isNotNil(mProps.name)}>
-        <input type="hidden" name={mProps.name} value={internalChecked()} />
+        <input type="hidden" name={mProps.name} value={internalChecked() ? 'true' : 'false'} />
       </Show>
     </div>
   );