fix(toggle/checkbox): allow value to be programmatically updated while disabled (#10304)

fixes #9730

Author: brandyscarney

src/components/checkbox/checkbox.ts

@@ -158,7 +158,7 @@ export class Checkbox extends Ion implements IonicTapInput, AfterContentInit, Co
    * @private
    */
   _setChecked(isChecked: boolean) {
-    if (!this._disabled && isChecked !== this._checked) {
+    if (isChecked !== this._checked) {
       this._checked = isChecked;
       if (this._init) {
         this.ionChange.emit(this);

src/components/checkbox/test/basic/app.module.ts

@@ -27,6 +27,9 @@ export class E2EPage {
     'grape': this.grapeCtrl
   });
 
+  public checked: boolean = false;
+  public disabled: boolean = false;
+
   constructor() {
     this.grapeChecked = true;
     this.standAloneChecked = true;

src/components/checkbox/test/basic/main.html

@@ -88,4 +88,20 @@
 
   <pre aria-hidden="true" padding>{{formResults}}</pre>
 
+  <ion-item>
+    <ion-label>Checkbox / Toggle</ion-label>
+    <ion-checkbox [(ngModel)]="checked" [disabled]="disabled"></ion-checkbox>
+    <ion-toggle [(ngModel)]="checked" [disabled]="disabled"></ion-toggle>
+  </ion-item>
+  <ion-item>
+    <ion-label>checked</ion-label>
+    <ion-checkbox [(ngModel)]="checked"></ion-checkbox>
+    <ion-toggle [(ngModel)]="checked"></ion-toggle>
+  </ion-item>
+  <ion-item>
+    <ion-label>disabled</ion-label>
+    <ion-checkbox [(ngModel)]="disabled"></ion-checkbox>
+    <ion-toggle [(ngModel)]="disabled"></ion-toggle>
+  </ion-item>
+
 </ion-content>

src/components/toggle/toggle.ts

@@ -229,7 +229,7 @@ export class Toggle extends Ion implements IonicTapInput, AfterContentInit, Cont
    * @private
    */
   _setChecked(isChecked: boolean) {
-    if (!this._disabled && isChecked !== this._checked) {
+    if (isChecked !== this._checked) {
       this._checked = isChecked;
       if (this._init) {
         this.ionChange.emit(this);