Set data to null on unchecked elements (checkboxes)

Author: Lustmored

src/LiveComponent/assets/dist/live_controller.js

@@ -1057,11 +1057,17 @@ class default_1 extends Controller {
         window.removeEventListener('beforeunload', this.markAsWindowUnloaded);
     }
     update(event) {
-        const value = this._getValueFromElement(event.target);
+        let value = this._getValueFromElement(event.target);
+        if (event.target.type === 'checkbox' && !event.target.checked) {
+            value = null;
+        }
         this._updateModelFromElement(event.target, value, true);
     }
     updateDefer(event) {
-        const value = this._getValueFromElement(event.target);
+        let value = this._getValueFromElement(event.target);
+        if (event.target.type === 'checkbox' && !event.target.checked) {
+            value = null;
+        }
         this._updateModelFromElement(event.target, value, false);
     }
     action(event) {

src/LiveComponent/assets/src/live_controller.ts

@@ -110,13 +110,21 @@ export default class extends Controller {
      * Called to update one piece of the model
      */
     update(event: any) {
-        const value = this._getValueFromElement(event.target);
+        let value = this._getValueFromElement(event.target);
+
+        if (event.target.type === 'checkbox' && !event.target.checked) {
+            value = null;
+        }
 
         this._updateModelFromElement(event.target, value, true);
     }
 
     updateDefer(event: any) {
-        const value = this._getValueFromElement(event.target);
+        let value = this._getValueFromElement(event.target);
+
+        if (event.target.type === 'checkbox' && !event.target.checked) {
+            value = null;
+        }
 
         this._updateModelFromElement(event.target, value, false);
     }