diff --git a/packages/survey-angular-ui/src/questions/checkbox-item.component.html b/packages/survey-angular-ui/src/questions/checkbox-item.component.html
index ccd4074e05..f4af3e88a1 100644
--- a/packages/survey-angular-ui/src/questions/checkbox-item.component.html
+++ b/packages/survey-angular-ui/src/questions/checkbox-item.component.html
@@ -1,5 +1,3 @@
-<input *ngIf="model == question.selectAllItem" type="checkbox" role="option" [name]="question.name+model.value" [id]="question.getItemId(model)" [class]="question.cssClasses.itemControl"
-  [disabled]="!question.getItemEnabled(model)" [checked]="question.isAllSelected" [value]="''" (change)="onSelectAllChange($event)"/>
-<input *ngIf="model != question.selectAllItem" type="checkbox" role="option" [name]="question.name+model.value" [id]="question.getItemId(model)" [class]="question.cssClasses.itemControl"
+<input type="checkbox" role="option" [name]="question.name+model.id" [id]="question.getItemId(model)" [class]="question.cssClasses.itemControl"
   [disabled]="!question.getItemEnabled(model)" [checked]="question.isItemSelected(model)" [value]="model.value" (change)="onChange($event)"/>
 <ng-content></ng-content>
\ No newline at end of file
diff --git a/packages/survey-vue3-ui/src/CheckboxItem.vue b/packages/survey-vue3-ui/src/CheckboxItem.vue
index 8486515708..0c58b6e131 100644
--- a/packages/survey-vue3-ui/src/CheckboxItem.vue
+++ b/packages/survey-vue3-ui/src/CheckboxItem.vue
@@ -2,22 +2,16 @@
   <div role="presentation" :class="question.getItemClass(item)">
     <label :class="question.getLabelClass(item)">
       <input
-        v-if="item == question.selectAllItem"
         type="checkbox"
         role="option"
-        :name="question.name + item.value"
-        :value="isAllSelected"
-        v-model="isAllSelected"
-        :id="question.getItemId(item)"
-        :disabled="!question.getItemEnabled(item)"
-        :class="question.cssClasses.itemControl"
-      /><input
-        v-if="item != question.selectAllItem"
-        type="checkbox"
-        role="option"
-        :name="question.name + item.value"
+        :name="question.name + item.id"
+        :checked="question.isItemSelected(item)"
+        @input="
+          (e) => {
+            change(e);
+          }
+        "
         :value="item.value"
-        v-model="renderedValue"
         :id="question.getItemId(item)"
         :disabled="!question.getItemEnabled(item)"
         :class="question.cssClasses.itemControl"
@@ -41,7 +35,6 @@
 <script lang="ts" setup>
 import type { ItemValue, QuestionCheckboxModel } from "survey-core";
 import { useBase } from "./base";
-import { computed } from "vue";
 
 defineOptions({ inheritAttrs: false });
 
@@ -50,25 +43,10 @@ const props = defineProps<{
   item: ItemValue;
   hideLabel?: boolean;
 }>();
-const isAllSelected = computed({
-  get(): boolean | string {
-    return props.question.isAllSelected || "";
-  },
-  set(val: boolean | string) {
-    const question = props.question;
-    question.isAllSelected = !!val;
-  },
-});
 
 useBase(() => props.item);
 
-const renderedValue = computed({
-  get: () => props.question.renderedValue,
-  set: (val) => {
-    const question = props.question;
-    question.renderedValue = val;
-  },
-});
-
-useBase(() => props.item);
+const change = (event: any) => {
+  props.question.clickItemHandler(props.item, event.target.checked);
+};
 </script>
diff --git a/src/dropdownMultiSelectListModel.ts b/src/dropdownMultiSelectListModel.ts
index 5495e93d25..e44c522df3 100644
--- a/src/dropdownMultiSelectListModel.ts
+++ b/src/dropdownMultiSelectListModel.ts
@@ -47,7 +47,7 @@ export class DropdownMultiSelectListModel extends DropdownListModel {
     if (!_onSelectionChanged) {
       _onSelectionChanged = (item: ItemValue, status: string) => {
         this.resetFilterString();
-        if (item.value === "selectall") {
+        if (item.id === "selectall") {
           this.selectAllItems();
         } else if (status === "added" && item.value === settings.noneItemValue) {
           this.selectNoneItem();
diff --git a/src/knockout/koquestion_checkbox.ts b/src/knockout/koquestion_checkbox.ts
index ba648e8a8b..e361d058a3 100644
--- a/src/knockout/koquestion_checkbox.ts
+++ b/src/knockout/koquestion_checkbox.ts
@@ -1,6 +1,6 @@
 import * as ko from "knockout";
 import { QuestionCheckboxBaseImplementor } from "./koquestion_baseselect";
-import { Serializer } from "survey-core";
+import { ItemValue, Serializer } from "survey-core";
 import { QuestionFactory } from "survey-core";
 import { QuestionCheckboxModel } from "survey-core";
 import { Question } from "survey-core";
@@ -19,19 +19,11 @@ export class QuestionCheckboxImplementor extends QuestionCheckboxBaseImplementor
 }
 
 export class QuestionCheckbox extends QuestionCheckboxModel {
-  koAllSelected: any;
-  private isAllSelectedUpdating = false;
   private _implementor: QuestionCheckboxImplementor;
   private _selectAllItemImpl: ImplementorBase = undefined;
   private _otherItemImpl: ImplementorBase = undefined;
   constructor(name: string) {
     super(name);
-    this.koAllSelected = ko.observable(this.isAllSelected);
-    this.koAllSelected.subscribe((newValue: any) => {
-      if (this.isAllSelectedUpdating) return;
-      if (newValue) this.selectAll();
-      else this.clearValue();
-    });
     this._selectAllItemImpl = new ImplementorBase(this.selectAllItem);
     this._otherItemImpl = new ImplementorBase(this.otherItem);
   }
@@ -39,19 +31,6 @@ export class QuestionCheckbox extends QuestionCheckboxModel {
     super.onBaseCreating();
     this._implementor = new QuestionCheckboxImplementor(this);
   }
-  public onSurveyValueChanged(newValue: any) {
-    super.onSurveyValueChanged(newValue);
-    this.updateAllSelected();
-  }
-  protected onVisibleChoicesChanged() {
-    super.onVisibleChoicesChanged();
-    this.updateAllSelected();
-  }
-  protected updateAllSelected() {
-    this.isAllSelectedUpdating = true;
-    this.koAllSelected(this.isAllSelected);
-    this.isAllSelectedUpdating = false;
-  }
   public dispose(): void {
     if(this._selectAllItemImpl) {
       this._selectAllItemImpl.dispose();
@@ -63,7 +42,6 @@ export class QuestionCheckbox extends QuestionCheckboxModel {
     }
     this._implementor.dispose();
     this._implementor = undefined;
-    this.koAllSelected = undefined;
     super.dispose();
   }
 }
diff --git a/src/knockout/templates/question-checkbox.html b/src/knockout/templates/question-checkbox.html
index 52fd503863..9151404119 100644
--- a/src/knockout/templates/question-checkbox.html
+++ b/src/knockout/templates/question-checkbox.html
@@ -49,21 +49,16 @@
 <script type="text/html" id="survey-checkbox-item">
   <div role="presentation" data-bind="css: question.getItemClass($data)">
       <label data-bind="css: question.getLabelClass($data)">
-          <!-- ko if: $data == question.selectAllItem -->
-          <input type="checkbox" role="option" value="" data-bind="attr: {name: question.name + value, id: question.getItemId($data)}, checked: question.koAllSelected, enable: question.getItemEnabled($data), css: question.cssClasses.itemControl"/>
-          <!-- /ko -->
-          <!-- ko if: $data != question.selectAllItem -->
-          <input type="checkbox" role="option" data-bind="attr: {name: question.name + value, id: question.getItemId($data)}, checkedValue: $data.value, checked: question.koValue, enable: question.getItemEnabled($data), css: question.cssClasses.itemControl"/>
+          <input type="checkbox" role="option" data-bind="attr: {name: question.name + id, id: question.getItemId($data)}, value: $data.value, checked: question.isItemSelected($data), event: { change: (i, e) => { question.clickItemHandler($data, e.target.checked); } }, enable: question.getItemEnabled($data), css: question.cssClasses.itemControl"/>
+          <!-- ko if: question.cssClasses.materialDecorator -->
+          <span data-bind="css: question.cssClasses.materialDecorator">
+            <!-- ko if: question.itemSvgIcon -->
+            <svg data-bind="css:question.cssClasses.itemDecorator">
+              <use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href=''></use>
+            </svg>
+            <!-- /ko -->
+          </span>
           <!-- /ko -->
-              <!-- ko if: question.cssClasses.materialDecorator -->
-              <span data-bind="css: question.cssClasses.materialDecorator">
-                <!-- ko if: question.itemSvgIcon -->
-                <svg data-bind="css:question.cssClasses.itemDecorator">
-                  <use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href=''></use>
-                </svg>
-                <!-- /ko -->
-              </span>
-              <!-- /ko -->
           <!-- ko if: !$data.hideCaption -->
           <span data-bind="css: question.cssClasses.controlLabel">
           <!-- ko template: { name: 'survey-string', data: $data.locText } -->
diff --git a/src/question_baseselect.ts b/src/question_baseselect.ts
index 87c6891098..fb935fd63f 100644
--- a/src/question_baseselect.ts
+++ b/src/question_baseselect.ts
@@ -1800,20 +1800,6 @@ export class QuestionCheckboxBase extends QuestionSelectBase {
     this.setPropertyValue("colCount", value);
     this.fireCallback(this.colCountChangedCallback);
   }
-  public clickItemHandler(item: ItemValue, checked: boolean): void {
-    const newValue: Array<any> = [].concat(this.renderedValue || []);
-    const index = newValue.indexOf(item.value);
-    if (checked) {
-      if (index < 0) {
-        newValue.push(item.value);
-      }
-    } else {
-      if (index > -1) {
-        newValue.splice(index, 1);
-      }
-    }
-    this.renderedValue = newValue;
-  }
   protected onParentChanged() {
     super.onParentChanged();
     if (this.isFlowLayout) {
diff --git a/src/question_checkbox.ts b/src/question_checkbox.ts
index 97c62498f9..f0251da496 100644
--- a/src/question_checkbox.ts
+++ b/src/question_checkbox.ts
@@ -20,11 +20,13 @@ import { settings } from "./settings";
  * [View Demo](https://surveyjs.io/form-library/examples/questiontype-checkbox/ (linkStyle))
  */
 export class QuestionCheckboxModel extends QuestionCheckboxBase {
-  private selectAllItemValue: ItemValue = new ItemValue("selectall");
+  private selectAllItemValue: ItemValue;
   private invisibleOldValues: any = {};
   protected defaultSelectedItemValues: Array<ItemValue>;
   constructor(name: string) {
     super(name);
+    this.selectAllItemValue = new ItemValue("");
+    this.selectAllItemValue.id = "selectall";
     var selectAllItemText = this.createLocalizableString(
       "selectAllText", this.selectAllItem, true, "selectAllItemText");
     this.selectAllItem.locOwner = this;
@@ -152,6 +154,28 @@ export class QuestionCheckboxModel extends QuestionCheckboxBase {
     }
     this.renderedValue = val;
   }
+  public clickItemHandler(item: ItemValue, checked?: boolean): void {
+    if(item === this.selectAllItem) {
+      if(checked === true || checked === false) {
+        this.isAllSelected = checked;
+      } else {
+        this.toggleSelectAll();
+      }
+    } else {
+      const newValue: Array<any> = [].concat(this.renderedValue || []);
+      const index = newValue.indexOf(item.value);
+      if (checked) {
+        if (index < 0) {
+          newValue.push(item.value);
+        }
+      } else {
+        if (index > -1) {
+          newValue.splice(index, 1);
+        }
+      }
+      this.renderedValue = newValue;
+    }
+  }
   protected isItemSelectedCore(item: ItemValue): boolean {
     if (item === this.selectAllItem) return this.isAllSelected;
     var val = this.renderedValue;
diff --git a/src/react/reactquestion_checkbox.tsx b/src/react/reactquestion_checkbox.tsx
index fd10f1167d..5fa5f0a724 100644
--- a/src/react/reactquestion_checkbox.tsx
+++ b/src/react/reactquestion_checkbox.tsx
@@ -187,9 +187,6 @@ export class SurveyQuestionCheckboxItem extends ReactSurveyElement {
   handleOnChange = (event: any) => {
     this.question.clickItemHandler(this.item, event.target.checked);
   }
-  selectAllChanged = (event: any) => {
-    this.question.toggleSelectAll();
-  }
   protected canRender(): boolean {
     return !!this.item && !!this.question;
   }
@@ -204,14 +201,9 @@ export class SurveyQuestionCheckboxItem extends ReactSurveyElement {
     isChecked: boolean,
     otherItem: JSX.Element | null
   ): JSX.Element {
-    var id = this.question.getItemId(this.item);
-    var text = !this.hideCaption ? this.renderLocString(this.item.locText) : "";
-    let itemClass = this.question.getItemClass(this.item);
-    let labelClass = this.question.getLabelClass(this.item);
-    var onItemChanged =
-      this.item == this.question.selectAllItem
-        ? this.selectAllChanged
-        : this.handleOnChange;
+    const id = this.question.getItemId(this.item);
+    const itemClass = this.question.getItemClass(this.item);
+    const labelClass = this.question.getLabelClass(this.item);
     const itemLabel = !this.hideCaption ? <span className={this.cssClasses.controlLabel}>{this.renderLocString(this.item.locText, this.textStyle)}</span> : null;
 
     return (
@@ -221,13 +213,13 @@ export class SurveyQuestionCheckboxItem extends ReactSurveyElement {
             className={this.cssClasses.itemControl}
             type="checkbox"
             role="option"
-            name={this.question.name + this.item.value}
-            value={this.item.value != "selectall" ? this.item.value : undefined}
+            name={this.question.name + this.item.id}
+            value={this.item.value}
             id={id}
             style={this.inputStyle}
             disabled={!this.question.getItemEnabled(this.item)}
             checked={isChecked}
-            onChange={onItemChanged}
+            onChange={this.handleOnChange}
           />
           {
             this.cssClasses.materialDecorator ?
diff --git a/src/vue/checkboxitem.vue b/src/vue/checkboxitem.vue
index f0c55451fb..2d50703787 100644
--- a/src/vue/checkboxitem.vue
+++ b/src/vue/checkboxitem.vue
@@ -1,11 +1,15 @@
 <template>
   <div role="presentation" :class="question.getItemClass(item)">
     <label :class="question.getLabelClass(item)">
-      <input v-if="item == question.selectAllItem" type="checkbox" role="option" :name="question.name+item.value"
-        :value="isAllSelected" v-model="isAllSelected" :id="question.getItemId(item)"
-        :disabled="!question.getItemEnabled(item)" :class="question.cssClasses.itemControl" />
-      <input v-if="item != question.selectAllItem" 
-        type="checkbox" role="option" :name="question.name+item.value" :value="item.value" v-model="question.renderedValue"
+      <input
+        type="checkbox" role="option" :name="question.name+item.id"
+        :checked="question.isItemSelected(item)"
+        @input="
+          (e) => {
+            question.clickItemHandler(item, e.target.checked);
+          }
+        "
+        :value="item.value"
         :id="question.getItemId(item)" :disabled="!question.getItemEnabled(item)"
         :class="question.cssClasses.itemControl" /><span
         v-if="question.cssClasses.materialDecorator" :class="question.cssClasses.materialDecorator">
@@ -33,12 +37,6 @@ export class CheckboxItem extends BaseVue {
   protected getModel(): Base {
     return this.item;
   }
-  get isAllSelected() {
-    return this.question.isAllSelected || "";
-  }
-  set isAllSelected(val: boolean) {
-    this.question.isAllSelected = val;
-  }
 }
 Vue.component("survey-checkbox-item", CheckboxItem);
 export default CheckboxItem;
diff --git a/testCafe/questions/checkboxes.js b/testCafe/questions/checkboxes.js
index 28cbde3773..2e901214cd 100644
--- a/testCafe/questions/checkboxes.js
+++ b/testCafe/questions/checkboxes.js
@@ -1,4 +1,4 @@
-import { frameworks, url, url_test, setOptions, initSurvey, getSurveyResult, getQuestionValue, getQuestionJson, checkSurveyWithEmptyQuestion, applyTheme } from "../helper";
+import { frameworks, url, url_test, setOptions, initSurvey, getSurveyResult, getQuestionValue, getQuestionJson, checkSurveyWithEmptyQuestion, applyTheme, getData } from "../helper";
 import { Selector, ClientFunction, fixture, test } from "testcafe";
 // eslint-disable-next-line no-undef
 const assert = require("assert");
@@ -338,6 +338,21 @@ frameworks.forEach((framework) => {
         "fieldset .sv_q_select_column:nth-of-type(1) div:nth-of-type(1) input"
       ).checked;
     });
+    const surveyData = {
+      car: [
+        "Unknown",
+        "Ford",
+        "Vauxhall",
+        "Volkswagen",
+        "Nissan",
+        "Audi",
+        "Mercedes-Benz",
+        "BMW",
+        "Peugeot",
+        "Toyota",
+        "Citroen",
+      ],
+    };
     const setData = ClientFunction(() => {
       window["survey"].data = {
         car: [
@@ -358,6 +373,10 @@ frameworks.forEach((framework) => {
     await enableHasSelectAll();
     await setData();
     assert.equal(await isSelectAllChecked(), true);
+    await t.click(Selector("span").withText("Select All"));
+    assert.deepEqual(await getData(), {});
+    await t.click(Selector("span").withText("Select All"));
+    assert.deepEqual(await getData(), surveyData);
   });
   test("showOtherItem&showCommentArea", async (t) => {
     const getOtherInput = Selector(
diff --git a/tests/ko/survey_kotests.ts b/tests/ko/survey_kotests.ts
index c2461d0450..be97b57a0f 100644
--- a/tests/ko/survey_kotests.ts
+++ b/tests/ko/survey_kotests.ts
@@ -1408,25 +1408,6 @@ QUnit.test("Could not assign value into mutlipletext question, #1229", function
   );
 });
 
-QUnit.test("Checkbox Select All Test", function (assert) {
-  var survey = new Survey();
-  var page = survey.addNewPage("page1");
-  var question = new QuestionCheckbox("q1");
-  page.addElement(question);
-  question.choices = [1, 2, 3];
-  question.hasSelectAll = true;
-  assert.equal(question.isAllSelected, false, "items are not selected");
-  assert.equal(question.koAllSelected(), false, "ko: items are not selected");
-  question.selectAll();
-  assert.equal(question.koAllSelected(), true, "they are all selected");
-  question.value = [1];
-  assert.equal(question.koAllSelected(), false, "Only one value is selected");
-  question.koAllSelected(true);
-  assert.deepEqual(question.value, [1, 2, 3], "All are selected");
-  question.koAllSelected(false);
-  assert.deepEqual(question.isEmpty(), true, "None is selected");
-});
-
 QUnit.test(
   "Changing isRequired doesn't update title for questions in dynamic panel, Bug in Editor #385",
   function (assert) {
diff --git a/tests/question_baseselecttests.ts b/tests/question_baseselecttests.ts
index 7bf1b9288f..f911f02969 100644
--- a/tests/question_baseselecttests.ts
+++ b/tests/question_baseselecttests.ts
@@ -15,7 +15,7 @@ import { QuestionMatrixDynamicModel } from "../src/question_matrixdynamic";
 export default QUnit.module("baseselect");
 
 function getValuesInColumns(question: QuestionSelectBase) {
-  return question.columns.map((column) => column.map((choice) => choice.value));
+  return question.columns.map((column) => column.map((choice) => choice.id));
 }
 
 QUnit.test("Check QuestionSelectBase columns property", function (assert) {
@@ -67,8 +67,8 @@ QUnit.test("Check QuestionSelectBase columns property and creator V2", function
     [[], []],
     "one column"
   );
-  let headItems = question.headItems.map((item) => item.value);
-  let footItems = question.footItems.map((item) => item.value);
+  let headItems = question.headItems.map((item) => item.id);
+  let footItems = question.footItems.map((item) => item.id);
 
   assert.deepEqual(
     headItems,
@@ -100,9 +100,8 @@ QUnit.test("Check QuestionSelectBase head and foot items property", function (as
   assert.notOk(question.hasHeadItems);
   assert.notOk(question.hasFootItems);
 
-  var columns = getValuesInColumns(question);
-  columns = getValuesInColumns(question);
   settings.showItemsInOrder = "column";
+  let columns = getValuesInColumns(question);
   assert.deepEqual(
     columns,
     [["Item1", "Item2"], ["Item3", "Item4"], ["Item5"]],
@@ -120,8 +119,8 @@ QUnit.test("Check QuestionSelectBase head and foot items property", function (as
     [["Item1", "Item2"], ["Item3", "Item4"], ["Item5"]],
     "check showItemsBy col - design"
   );
-  let headItems = question.headItems.map((item) => item.value);
-  let footItems = question.footItems.map((item) => item.value);
+  let headItems = question.headItems.map((item) => item.id);
+  let footItems = question.footItems.map((item) => item.id);
 
   assert.deepEqual(
     headItems,
@@ -158,8 +157,7 @@ QUnit.test("Check QuestionSelectBase and separateSpecialChoices option", functio
   assert.notOk(question.hasHeadItems);
   assert.notOk(question.hasFootItems);
 
-  var columns = getValuesInColumns(question);
-  columns = getValuesInColumns(question);
+  let columns = getValuesInColumns(question);
   settings.showItemsInOrder = "column";
   assert.deepEqual(
     columns,
@@ -177,8 +175,8 @@ QUnit.test("Check QuestionSelectBase and separateSpecialChoices option", functio
     [["Item1"], ["Item2"]],
     "check columns with separateSpecialChoices"
   );
-  let headItems = question.headItems.map((item) => item.value);
-  let footItems = question.footItems.map((item) => item.value);
+  let headItems = question.headItems.map((item) => item.id);
+  let footItems = question.footItems.map((item) => item.id);
 
   assert.deepEqual(
     headItems,
@@ -659,11 +657,11 @@ QUnit.test("checkbox and radio css", (assert) => {
   assert.equal(question1.getSelectBaseRootCss(), "css-root");
   assert.equal(question2.getSelectBaseRootCss(), "css-root");
 
-  assert.deepEqual(question1.dataChoices.map((item) => item.value), ["Item 1"]);
-  assert.deepEqual(question2.dataChoices.map((item) => item.value), ["Item 1"]);
+  assert.deepEqual(question1.dataChoices.map((item) => item.id), ["Item 1"]);
+  assert.deepEqual(question2.dataChoices.map((item) => item.id), ["Item 1"]);
 
-  assert.deepEqual(question1.bodyItems.map((item) => item.value), ["Item 1", "none"]);
-  assert.deepEqual(question2.bodyItems.map((item) => item.value), ["selectall", "Item 1", "none"]);
+  assert.deepEqual(question1.bodyItems.map((item) => item.id), ["Item 1", "none"]);
+  assert.deepEqual(question2.bodyItems.map((item) => item.id), ["selectall", "Item 1", "none"]);
 
   assert.deepEqual(question1.rowLayout, false);
   assert.deepEqual(question2.rowLayout, false);
@@ -674,11 +672,11 @@ QUnit.test("checkbox and radio css", (assert) => {
   assert.equal(question1.getSelectBaseRootCss(), "css-root css-root-row");
   assert.equal(question2.getSelectBaseRootCss(), "css-root css-root-row");
 
-  assert.deepEqual(question1.dataChoices.map((item) => item.value), ["Item 1"]);
-  assert.deepEqual(question2.dataChoices.map((item) => item.value), ["Item 1"]);
+  assert.deepEqual(question1.dataChoices.map((item) => item.id), ["Item 1"]);
+  assert.deepEqual(question2.dataChoices.map((item) => item.id), ["Item 1"]);
 
-  assert.deepEqual(question1.bodyItems.map((item) => item.value), ["Item 1", "none"]);
-  assert.deepEqual(question2.bodyItems.map((item) => item.value), ["selectall", "Item 1", "none"]);
+  assert.deepEqual(question1.bodyItems.map((item) => item.id), ["Item 1", "none"]);
+  assert.deepEqual(question2.bodyItems.map((item) => item.id), ["selectall", "Item 1", "none"]);
 
   assert.deepEqual(question1.rowLayout, true);
   assert.deepEqual(question2.rowLayout, true);
@@ -692,11 +690,11 @@ QUnit.test("checkbox and radio css", (assert) => {
   assert.equal(question1.getSelectBaseRootCss(), "css-root");
   assert.equal(question2.getSelectBaseRootCss(), "css-root");
 
-  assert.deepEqual(question1.dataChoices.map((item) => item.value), ["Item 1"]);
-  assert.deepEqual(question2.dataChoices.map((item) => item.value), ["Item 1"]);
+  assert.deepEqual(question1.dataChoices.map((item) => item.id), ["Item 1"]);
+  assert.deepEqual(question2.dataChoices.map((item) => item.id), ["Item 1"]);
 
-  assert.deepEqual(question1.bodyItems.map((item) => item.value), ["Item 1"]);
-  assert.deepEqual(question2.bodyItems.map((item) => item.value), ["Item 1"]);
+  assert.deepEqual(question1.bodyItems.map((item) => item.id), ["Item 1"]);
+  assert.deepEqual(question2.bodyItems.map((item) => item.id), ["Item 1"]);
 
   assert.deepEqual(question1.rowLayout, false);
   assert.deepEqual(question2.rowLayout, false);
@@ -712,11 +710,11 @@ QUnit.test("checkbox and radio css", (assert) => {
   assert.equal(question1.getSelectBaseRootCss(), "css-root");
   assert.equal(question2.getSelectBaseRootCss(), "css-root");
 
-  assert.deepEqual(question1.dataChoices.map((item) => item.value), ["Item 1"]);
-  assert.deepEqual(question2.dataChoices.map((item) => item.value), ["Item 1"]);
+  assert.deepEqual(question1.dataChoices.map((item) => item.id), ["Item 1"]);
+  assert.deepEqual(question2.dataChoices.map((item) => item.id), ["Item 1"]);
 
-  assert.deepEqual(question1.bodyItems.map((item) => item.value), ["Item 1"]);
-  assert.deepEqual(question2.bodyItems.map((item) => item.value), ["Item 1"]);
+  assert.deepEqual(question1.bodyItems.map((item) => item.id), ["Item 1"]);
+  assert.deepEqual(question2.bodyItems.map((item) => item.id), ["Item 1"]);
 
   assert.deepEqual(question1.rowLayout, false);
   assert.deepEqual(question2.rowLayout, false);
@@ -1433,7 +1431,7 @@ QUnit.test("SelectBase visibleChoices for selectAll, none and showOtherItem", fu
   const question = <QuestionCheckboxModel>survey.getQuestionByName("q1");
   let choices = question.visibleChoices;
   assert.equal(choices.length, 6, "6 items, #1");
-  assert.equal(choices[0].value, "selectall", "all index #1");
+  assert.equal(choices[0].id, "selectall", "all index #1");
   assert.equal(choices[4].value, "none", "none index #1");
   assert.equal(choices[5].value, "other", "other index #1");
 
@@ -1442,7 +1440,7 @@ QUnit.test("SelectBase visibleChoices for selectAll, none and showOtherItem", fu
   question.showNoneItem = true;
   choices = question.visibleChoices;
   assert.equal(choices.length, 6, "6 items, #2");
-  assert.equal(choices[0].value, "selectall", "all index #2");
+  assert.equal(choices[0].id, "selectall", "all index #2");
   assert.equal(choices[4].value, "other", "other index #2");
   assert.equal(choices[5].value, "none", "none index #2");
 
@@ -1452,7 +1450,7 @@ QUnit.test("SelectBase visibleChoices for selectAll, none and showOtherItem", fu
   choices = question.visibleChoices;
   assert.equal(choices.length, 7, "7 items, #3");
   assert.equal(choices[0].value, "none", "none index (up) #3");
-  assert.equal(choices[1].value, "selectall", "all index #3");
+  assert.equal(choices[1].id, "selectall", "all index #3");
   assert.equal(choices[5].value, "other", "other index #3");
   assert.equal(choices[6].value, "none", "none index (bottom) #3");
 
@@ -1490,10 +1488,10 @@ QUnit.test("Double noneItem & selectAllItem and headItems/footItems", function (
   assert.equal(question.visibleChoices.length, 8, "There are 8 items");
   assert.equal(question.headItems.length, 2, "There are two items in head items");
   assert.equal(question.headItems[0].value, "none", "head none");
-  assert.equal(question.headItems[1].value, "selectall", "head selectall");
+  assert.equal(question.headItems[1].id, "selectall", "head selectall");
   assert.equal(question.footItems.length, 3, "There are three items in footer items");
   assert.equal(question.footItems[0].value, "other", "foot other");
-  assert.equal(question.footItems[1].value, "selectall", "foot selectall");
+  assert.equal(question.footItems[1].id, "selectall", "foot selectall");
   assert.equal(question.footItems[2].value, "none", "foot none");
 
   settings.specialChoicesOrder.selectAllItem = [-1];
@@ -1560,3 +1558,20 @@ QUnit.test("Select all disable/enabled showOtherItem=true", function (assert) {
   assert.equal(selectAll.isEnabled, false, "#1");
   assert.equal(question.isItemSelected(selectAll), false, "#2");
 });
+QUnit.test("Select all and clickItemHandler", function (assert) {
+  const json = { elements: [
+    { type: "checkbox", name: "q1", choices: [1, 2, 3], showSelectAllItem: true }
+  ] };
+  const survey = new SurveyModel(json);
+  const question = <QuestionCheckboxModel>survey.getQuestionByName("q1");
+  assert.equal(question.selectAllItem.value, "", "select all equals empty value");
+  assert.equal(question.isAllSelected, false, "#1");
+  question.clickItemHandler(question.selectAllItem, true);
+  assert.equal(question.isAllSelected, true, "#2");
+  question.clickItemHandler(question.selectAllItem, false);
+  assert.equal(question.isAllSelected, false, "#3");
+  question.clickItemHandler(question.selectAllItem);
+  assert.equal(question.isAllSelected, true, "#4");
+  question.clickItemHandler(question.selectAllItem);
+  assert.equal(question.isAllSelected, false, "#5");
+});
\ No newline at end of file
diff --git a/tests/surveyquestiontests.ts b/tests/surveyquestiontests.ts
index aefed70f2c..7a849d94d6 100644
--- a/tests/surveyquestiontests.ts
+++ b/tests/surveyquestiontests.ts
@@ -5698,7 +5698,7 @@ QUnit.test(
     q1.hasOther = true;
     assert.equal(q1.isItemInList(q1.visibleChoices[5]), true, "other in list");
 
-    assert.equal(q2.visibleChoices[0].value, "selectall", "index=0, selectall");
+    assert.equal(q2.visibleChoices[0].id, "selectall", "index=0, selectall");
     assert.equal(
       q2.isItemInList(q2.visibleChoices[0]),
       false,