diff --git a/src/app-components/Label/Label.tsx b/src/app-components/Label/Label.tsx
index 3e082dc60e..4fd71bd289 100644
--- a/src/app-components/Label/Label.tsx
+++ b/src/app-components/Label/Label.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import type { JSX, PropsWithChildren, ReactElement } from 'react';
 
 import { Label as DesignsystemetLabel } from '@digdir/designsystemet-react';
@@ -22,19 +22,22 @@ type LabelProps = {
   style?: DesignsystemetLabelProps['style'];
 };
 
-export function Label({
-  label,
-  htmlFor,
-  required,
-  requiredIndicator,
-  optionalIndicator,
-  help,
-  description,
-  className,
-  grid,
-  style,
-  children,
-}: PropsWithChildren<LabelProps>) {
+export const Label = forwardRef<HTMLLabelElement, PropsWithChildren<LabelProps>>(function Label(
+  {
+    label,
+    htmlFor,
+    required,
+    requiredIndicator,
+    optionalIndicator,
+    help,
+    description,
+    className,
+    grid,
+    style,
+    children,
+  },
+  ref,
+) {
   if (!label) {
     return children;
   }
@@ -52,6 +55,7 @@ export function Label({
         <span className={classes.labelAndDescWrapper}>
           <span className={classes.labelAndHelpWrapper}>
             <DesignsystemetLabel
+              ref={ref}
               weight='medium'
               size='md'
               htmlFor={htmlFor}
@@ -72,4 +76,4 @@ export function Label({
       {children}
     </Flex>
   );
-}
+});
diff --git a/src/components/label/LabelContent.tsx b/src/components/label/LabelContent.tsx
index 964f2eff7a..4bf89cfc5e 100644
--- a/src/components/label/LabelContent.tsx
+++ b/src/components/label/LabelContent.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 
 import cn from 'classnames';
 
@@ -23,16 +23,10 @@ export type LabelContentProps = Readonly<{
   labelSettings?: ILabelSettings;
 }> & { className?: string };
 
-export function LabelContent({
-  componentId,
-  label,
-  description,
-  required,
-  readOnly,
-  help,
-  labelSettings,
-  className,
-}: LabelContentProps) {
+export const LabelContent = forwardRef<HTMLSpanElement, LabelContentProps>(function LabelContent(
+  { componentId, label, description, required, readOnly, help, labelSettings, className },
+  ref,
+) {
   const { overrideDisplay } = useFormComponentCtx() ?? {};
   const { elementAsString } = useLanguage();
 
@@ -41,7 +35,10 @@ export function LabelContent({
   }
 
   return (
-    <span className={cn(classes.labelWrapper, className)}>
+    <span
+      className={cn(classes.labelWrapper, className)}
+      ref={ref}
+    >
       <span className={classes.labelContainer}>
         <span className={classes.labelContent}>
           {typeof label === 'string' ? <Lang id={label} /> : label}
@@ -70,4 +67,4 @@ export function LabelContent({
       )}
     </span>
   );
-}
+});
diff --git a/src/features/alertOnChange/DeleteWarningPopover.module.css b/src/features/alertOnChange/DeleteWarningPopover.module.css
index 73cb5cde9e..eb3a485043 100644
--- a/src/features/alertOnChange/DeleteWarningPopover.module.css
+++ b/src/features/alertOnChange/DeleteWarningPopover.module.css
@@ -1,3 +1,6 @@
+.popoverContent {
+  z-index: 1700;
+}
 .popoverButtonContainer {
   display: flex;
   flex-direction: row;
diff --git a/src/features/alertOnChange/DeleteWarningPopover.tsx b/src/features/alertOnChange/DeleteWarningPopover.tsx
index 3ef5461ee2..d4c037210a 100644
--- a/src/features/alertOnChange/DeleteWarningPopover.tsx
+++ b/src/features/alertOnChange/DeleteWarningPopover.tsx
@@ -35,7 +35,7 @@ export function DeleteWarningPopover({
       onOpenChange={() => setOpen(!open)}
     >
       <Popover.Trigger asChild>{children}</Popover.Trigger>
-      <Popover.Content>
+      <Popover.Content className={classes.popoverContent}>
         <div>{messageText}</div>
         <div className={classes.popoverButtonContainer}>
           <Button
diff --git a/src/features/devtools/layoutValidation/types.ts b/src/features/devtools/layoutValidation/types.ts
index d7310fbe51..2d65a9d398 100644
--- a/src/features/devtools/layoutValidation/types.ts
+++ b/src/features/devtools/layoutValidation/types.ts
@@ -1,12 +1,12 @@
 import type { lookupBindingInSchema } from 'src/features/datamodel/SimpleSchemaTraversal';
 import type { IDataModelReference } from 'src/layout/common.generated';
-import type { CompIntermediate, CompTypes } from 'src/layout/layout';
+import type { CompIntermediateExact, CompTypes } from 'src/layout/layout';
 import type { LayoutNode } from 'src/utils/layout/LayoutNode';
 import type { NodeDataSelector } from 'src/utils/layout/NodesContext';
 
 export interface LayoutValidationCtx<T extends CompTypes> {
   node: LayoutNode<T>;
-  item: CompIntermediate<T>;
+  item: CompIntermediateExact<T>;
   nodeDataSelector: NodeDataSelector;
   lookupBinding(reference: IDataModelReference): ReturnType<typeof lookupBindingInSchema>;
 }
diff --git a/src/features/saveToGroup/ObjectToGroupLayoutValidator.tsx b/src/features/saveToGroup/ObjectToGroupLayoutValidator.tsx
new file mode 100644
index 0000000000..d8ce33590d
--- /dev/null
+++ b/src/features/saveToGroup/ObjectToGroupLayoutValidator.tsx
@@ -0,0 +1,42 @@
+import { useEffect } from 'react';
+
+import { useLanguage } from 'src/features/language/useLanguage';
+import { NodesInternal } from 'src/utils/layout/NodesContext';
+import type { NodeValidationProps } from 'src/layout/layout';
+
+export function ObjectToGroupLayoutValidator(props: NodeValidationProps<'List' | 'Checkboxes' | 'MultipleSelect'>) {
+  const { node, externalItem } = props;
+  const { langAsString } = useLanguage();
+  const group = externalItem.dataModelBindings?.group;
+  const deletionStrategy = externalItem.deletionStrategy;
+  const checkedBinding = externalItem.dataModelBindings?.checked;
+
+  const addError = NodesInternal.useAddError();
+
+  useEffect(() => {
+    let error: string | null = null;
+
+    if (!group) {
+      if (!!deletionStrategy || !!checkedBinding) {
+        error = langAsString('config_error.deletion_strategy_no_group');
+      }
+    } else if (group) {
+      if (!deletionStrategy) {
+        error = langAsString('config_error.group_no_deletion_strategy');
+      }
+      if (deletionStrategy === 'soft' && !checkedBinding) {
+        error = langAsString('config_error.soft_delete_no_checked');
+      }
+      if (deletionStrategy === 'hard' && !!checkedBinding) {
+        error = langAsString('config_error.hard_delete_with_checked');
+      }
+    }
+
+    if (error) {
+      addError(error, node);
+      window.logErrorOnce(`Validation error for '${node.id}': ${error}`);
+    }
+  }, [addError, node, deletionStrategy, checkedBinding, langAsString, group]);
+
+  return null;
+}
diff --git a/src/features/saveToGroup/layoutValidation.ts b/src/features/saveToGroup/layoutValidation.ts
new file mode 100644
index 0000000000..8f21862ed8
--- /dev/null
+++ b/src/features/saveToGroup/layoutValidation.ts
@@ -0,0 +1,40 @@
+import { lookupErrorAsText } from 'src/features/datamodel/lookupErrorAsText';
+import type { LayoutValidationCtx } from 'src/features/devtools/layoutValidation/types';
+import type { FormComponent } from 'src/layout/LayoutComponent';
+
+export function validateSimpleBindingWithOptionalGroup<T extends 'Checkboxes' | 'MultipleSelect'>(
+  def: FormComponent<T>,
+  ctx: LayoutValidationCtx<T>,
+) {
+  const errors: string[] = [];
+  const allowedLeafTypes = ['string', 'boolean', 'number', 'integer'];
+  const dataModelBindings = ctx.item.dataModelBindings ?? {};
+  const groupBinding = dataModelBindings?.group;
+  const simpleBinding = dataModelBindings?.simpleBinding;
+
+  if (groupBinding) {
+    const [groupErrors] = def.validateDataModelBindingsAny(ctx, 'group', ['array'], false);
+    errors.push(...(groupErrors || []));
+
+    if (!simpleBinding.field.startsWith(`${groupBinding.field}.`)) {
+      errors.push(`simpleBinding must start with the group binding field (must point to a property inside the group)`);
+    }
+    const simpleBindingsWithoutGroup = simpleBinding.field.replace(`${groupBinding.field}.`, '');
+    const fieldWithIndex = `${groupBinding.field}[0].${simpleBindingsWithoutGroup}`;
+    const [schema, err] = ctx.lookupBinding({
+      field: fieldWithIndex,
+      dataType: simpleBinding.dataType,
+    });
+
+    if (err) {
+      errors.push(lookupErrorAsText(err));
+    } else if (typeof schema?.type !== 'string' || !allowedLeafTypes.includes(schema.type)) {
+      errors.push(`Field ${simpleBinding} in group must be one of types ${allowedLeafTypes.join(', ')}`);
+    }
+  } else {
+    const [newErrors] = def.validateDataModelBindingsSimple(ctx);
+    errors.push(...(newErrors || []));
+  }
+
+  return errors;
+}
diff --git a/src/features/saveToGroup/useSaveToGroup.ts b/src/features/saveToGroup/useSaveToGroup.ts
new file mode 100644
index 0000000000..16e00e9955
--- /dev/null
+++ b/src/features/saveToGroup/useSaveToGroup.ts
@@ -0,0 +1,162 @@
+import dot from 'dot-object';
+import { v4 as uuidv4 } from 'uuid';
+
+import { FD } from 'src/features/formData/FormDataWrite';
+import { ALTINN_ROW_ID } from 'src/features/formData/types';
+import type { IDataModelBindingsForGroupCheckbox } from 'src/layout/Checkboxes/config.generated';
+import type { IDataModelReference } from 'src/layout/common.generated';
+import type { IDataModelBindingsForList } from 'src/layout/List/config.generated';
+import type { IDataModelBindingsForGroupMultiselect } from 'src/layout/MultipleSelect/config.generated';
+
+type Row = Record<string, unknown>;
+
+interface Bindings {
+  group?: IDataModelReference;
+  checked?: IDataModelReference;
+  values: Record<string, IDataModelReference>;
+}
+
+function toRelativePath(group: IDataModelReference | undefined, binding: IDataModelReference | undefined) {
+  if (group && binding && binding.field.startsWith(`${group.field}.`)) {
+    return binding.field.substring(group.field.length + 1);
+  }
+  return undefined;
+}
+
+function isEqual({ group, values }: Bindings, source: Row, formDataRow: Row) {
+  for (const key in values) {
+    const path = toRelativePath(group, values[key]);
+    if (path && source[key] !== dot.pick(path, formDataRow)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function findRowInFormData(
+  bindings: Bindings,
+  row: Row,
+  formData: Row[] | undefined,
+): [number | undefined, Row | undefined] {
+  for (const [index, formDataRow] of formData?.entries() ?? []) {
+    if (isEqual(bindings, row, formDataRow)) {
+      return [index, formDataRow];
+    }
+  }
+
+  return [undefined, undefined];
+}
+
+function useSaveToGroup(bindings: Bindings) {
+  const { group, checked, values } = bindings;
+  const formData = FD.useFreshBindings(group ? { group } : {}, 'raw').group as Row[] | undefined;
+  const setLeafValue = FD.useSetLeafValue();
+  const appendToList = FD.useAppendToList();
+  const removeFromList = FD.useRemoveIndexFromList();
+  const checkedPath = toRelativePath(group, checked);
+
+  function toggle(row: Row): void {
+    if (!group) {
+      return;
+    }
+
+    const [index, formDataRow] = findRowInFormData(bindings, row, formData);
+    const isChecked = !!(checkedPath ? dot.pick(checkedPath, formDataRow) : true);
+    if (isChecked) {
+      if (checked && checkedPath) {
+        const field = `${group.field}[${index}].${checkedPath}`;
+        setLeafValue({ reference: { ...checked, field }, newValue: false });
+      } else if (index !== undefined) {
+        removeFromList({ reference: group, index });
+      }
+    } else {
+      if (checked && checkedPath && index !== undefined) {
+        const field = `${group.field}[${index}].${checkedPath}`;
+        setLeafValue({ reference: { ...checked, field }, newValue: true });
+      } else {
+        const uuid = uuidv4();
+        const newRow: Row = { [ALTINN_ROW_ID]: uuid };
+        if (checkedPath) {
+          dot.str(checkedPath, true, newRow);
+        }
+        for (const key in values) {
+          const path = toRelativePath(group, values[key]);
+          if (path) {
+            dot.str(path, row[key], newRow);
+          }
+        }
+        appendToList({ reference: group, newValue: newRow });
+      }
+    }
+  }
+
+  return { toggle, formData, checkedPath, enabled: !!group };
+}
+
+/**
+ * Hook used to store List-component objects (rows from the DataList API) to a repeating group
+ * structure in the data model (aka object[])
+ */
+export function useSaveObjectToGroup(listBindings: IDataModelBindingsForList) {
+  const values: Record<string, IDataModelReference> = {};
+  for (const key in listBindings) {
+    const binding = listBindings[key];
+    if (key !== 'group' && key !== 'checked' && binding) {
+      values[key] = binding;
+    }
+  }
+  const bindings: Bindings = { group: listBindings.group, checked: listBindings.checked, values };
+  const { formData, enabled, toggle, checkedPath } = useSaveToGroup(bindings);
+
+  function isChecked(row: Row) {
+    const [, formDataObject] = findRowInFormData(bindings, row, formData);
+    if (checkedPath && formDataObject) {
+      return !!dot.pick(checkedPath, formDataObject);
+    }
+    return false;
+  }
+
+  return { toggle, isChecked, enabled };
+}
+
+/**
+ * Hook used to store simple values to a repeating group structure in the data model (aka. object[])
+ */
+export function useSaveValueToGroup(
+  bindings: IDataModelBindingsForGroupCheckbox | IDataModelBindingsForGroupMultiselect,
+) {
+  const { formData, enabled, toggle, checkedPath } = useSaveToGroup({
+    group: bindings.group,
+    checked: bindings.checked,
+    values: bindings.simpleBinding ? { value: bindings.simpleBinding } : {},
+  });
+  const valuePath = toRelativePath(bindings.group, bindings.simpleBinding);
+
+  const selectedValues =
+    valuePath && enabled && formData
+      ? formData
+          .filter((row) => (checkedPath ? dot.pick(checkedPath, row) : true))
+          .map((row) => `${dot.pick(valuePath, row)}`)
+      : [];
+
+  function toggleValue(value: string) {
+    enabled && toggle({ value });
+  }
+
+  function setCheckedValues(values: string[]) {
+    if (!enabled) {
+      return;
+    }
+
+    const valuesToSet = values.filter((value) => !selectedValues.includes(value));
+    const valuesToRemove = selectedValues.filter((value) => !values.includes(value));
+    const valuesToToggle = [...valuesToSet, ...valuesToRemove];
+
+    for (const value of valuesToToggle) {
+      toggle({ value });
+    }
+  }
+
+  return { selectedValues, toggleValue, setCheckedValues, enabled };
+}
diff --git a/src/language/texts/en.ts b/src/language/texts/en.ts
index abc9cd0cb5..77129d5cc2 100644
--- a/src/language/texts/en.ts
+++ b/src/language/texts/en.ts
@@ -374,6 +374,11 @@ export function en() {
       "Data type '{0}' is marked as 'disallowUserCreate=true', but the subform component is configured with 'showAddButton=true'. This is a contradiction, as the user will never be permitted to perform the add-button operation.",
     'config_error.file_upload_same_binding':
       'There are multiple FileUpload components with the same data model binding. Each component must have a unique binding. Other components with the same binding: {0}',
+    'config_error.deletion_strategy_no_group':
+      'The fields deletionStrategy and checked can only be used together with group.',
+    'config_error.group_no_deletion_strategy': 'When you have set group, you must also set deletionStrategy.',
+    'config_error.soft_delete_no_checked': 'When you have set deletionStrategy to soft, you must also set "checked".',
+    'config_error.hard_delete_with_checked': 'When you have set deletionStrategy to hard, you cannot set "checked".',
     'version_error.version_mismatch': 'Version mismatch',
     'version_error.version_mismatch_message':
       'This version of the app frontend is not compatible with the version of the backend libraries you are using. Update to the latest version of the packages and try again.',
diff --git a/src/language/texts/nb.ts b/src/language/texts/nb.ts
index f18485527f..e27fc8ba50 100644
--- a/src/language/texts/nb.ts
+++ b/src/language/texts/nb.ts
@@ -378,6 +378,10 @@ export function nb() {
       "Datatype '{0}' er markert som 'disallowUserCreate=true', men underskjema-komponenten er konfigurert med 'showAddButton=true'. Dette er en motsetning, siden brukeren aldri vil få lov til å utføre handlingene bak legg-til knappen.",
     'config_error.file_upload_same_binding':
       'Det er flere filopplastingskomponenter med samme datamodell-binding. Hver komponent må ha en unik binding. Andre komponenter med samme binding: {0}',
+    'config_error.deletion_strategy_no_group': 'Feltene deletionStrategy og checked kan kun brukes sammen med group.',
+    'config_error.group_no_deletion_strategy': 'Når du har satt group må du også sette deletionStrategy.',
+    'config_error.soft_delete_no_checked': 'Når du har satt deletionStrategy til soft må du også sette "checked".',
+    'config_error.hard_delete_with_checked': 'Når du har satt deletionStrategy til hard kan du ikke sette "checked".',
     'version_error.version_mismatch': 'Versjonsfeil',
     'version_error.version_mismatch_message':
       'Denne versjonen av app frontend er ikke kompatibel med den versjonen av backend-bibliotekene du bruker. Oppdater til nyeste versjon av pakkene og prøv igjen.',
diff --git a/src/language/texts/nn.ts b/src/language/texts/nn.ts
index 7a8f0a97df..5a7c4bef45 100644
--- a/src/language/texts/nn.ts
+++ b/src/language/texts/nn.ts
@@ -375,6 +375,10 @@ export function nn() {
       "Datatype '{0}' er markert som 'disallowUserCreate=true', men underskjema-komponenten er konfigurert med 'showAddButton=true'. Dette er ei motseiing, Sidan brukaren aldri vil få lov til å utføre handlingane bak legg-til knappen.",
     'config_error.file_upload_same_binding':
       'Det er fleire filopplastingskomponentar med same datamodellbinding. Kvar komponent må ha ein unik binding. Andre komponentar med same binding: {0}',
+    'config_error.deletion_strategy_no_group': 'Felta deletionStrategy og checked kan berre brukast saman med group.',
+    'config_error.group_no_deletion_strategy': 'Når du har sett group, må du også setje deletionStrategy.',
+    'config_error.soft_delete_no_checked': 'Når du har sett deletionStrategy til soft, må du også setje checked.',
+    'config_error.hard_delete_with_checked': 'Når du har sett deletionStrategy til hard, kan du ikkje setje checked.',
     'version_error.version_mismatch': 'Versjonsfeil',
     'version_error.version_mismatch_message':
       'Denne versjonen av app frontend er ikkje kompatibel med den versjonen av backend-biblioteka du brukar. Oppdater til nyaste versjon av pakkane og prøv igjen.',
diff --git a/src/layout/Checkboxes/CheckboxesContainerComponent.test.tsx b/src/layout/Checkboxes/CheckboxesContainerComponent.test.tsx
index 33aaa4180b..089fa0cf58 100644
--- a/src/layout/Checkboxes/CheckboxesContainerComponent.test.tsx
+++ b/src/layout/Checkboxes/CheckboxesContainerComponent.test.tsx
@@ -216,7 +216,7 @@ describe('CheckboxesContainerComponent', () => {
       options: threeOptions,
     });
 
-    expect(screen.queryByTestId('checkboxes-fieldset')).toHaveClass('horizontal');
+    expect(screen.queryByTestId('checkboxes-fieldset')?.className).toContain('horizontal');
   });
 
   it('should show items in a row when layout is not defined, and options count is 2', async () => {
@@ -229,7 +229,7 @@ describe('CheckboxesContainerComponent', () => {
       options: twoOptions,
     });
 
-    expect(screen.queryByTestId('checkboxes-fieldset')).toHaveClass('horizontal');
+    expect(screen.queryByTestId('checkboxes-fieldset')?.className).toContain('horizontal');
   });
 
   it('should show items in a column when layout is "column" and options count is 2 ', async () => {
diff --git a/src/layout/Checkboxes/CheckboxesContainerComponent.tsx b/src/layout/Checkboxes/CheckboxesContainerComponent.tsx
index a5f887cefc..b8ce0f2405 100644
--- a/src/layout/Checkboxes/CheckboxesContainerComponent.tsx
+++ b/src/layout/Checkboxes/CheckboxesContainerComponent.tsx
@@ -8,23 +8,58 @@ import { LabelContent } from 'src/components/label/LabelContent';
 import { Lang } from 'src/features/language/Lang';
 import { useLanguage } from 'src/features/language/useLanguage';
 import { useGetOptions } from 'src/features/options/useGetOptions';
+import { useSaveValueToGroup } from 'src/features/saveToGroup/useSaveToGroup';
 import { useIsValid } from 'src/features/validation/selectors/isValid';
 import classes from 'src/layout/Checkboxes/CheckboxesContainerComponent.module.css';
 import { WrappedCheckbox } from 'src/layout/Checkboxes/WrappedCheckbox';
 import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper';
 import { shouldUseRowLayout } from 'src/utils/layout';
 import { useNodeItem } from 'src/utils/layout/useNodeItem';
+import type { IOptionInternal } from 'src/features/options/castOptionsToStrings';
 import type { PropsFromGenericComponent } from 'src/layout';
 
 export type ICheckboxContainerProps = PropsFromGenericComponent<'Checkboxes'>;
 
 export const CheckboxContainerComponent = ({ node, overrideDisplay }: ICheckboxContainerProps) => {
   const item = useNodeItem(node);
-  const { id, layout, readOnly, textResourceBindings, required, labelSettings, alertOnChange, showLabelsInTable } =
-    item;
+  const {
+    id,
+    layout,
+    readOnly,
+    textResourceBindings,
+    required,
+    labelSettings,
+    alertOnChange,
+    showLabelsInTable,
+    dataModelBindings,
+  } = item;
   const { langAsString } = useLanguage();
-  const { options: calculatedOptions, isFetching, setData, selectedValues } = useGetOptions(node, 'multi');
+  const {
+    options: calculatedOptions,
+    isFetching,
+    setData,
+    selectedValues: selectedFromSimpleBinding,
+  } = useGetOptions(node, 'multi');
+  const groupBinding = useSaveValueToGroup(dataModelBindings);
+  const selectedValues = groupBinding.enabled ? groupBinding.selectedValues : selectedFromSimpleBinding;
+
   const isValid = useIsValid(node);
+  const horizontal = shouldUseRowLayout({
+    layout,
+    optionsCount: calculatedOptions.length,
+  });
+
+  const hideLabel = overrideDisplay?.renderedInTable === true && calculatedOptions.length === 1 && !showLabelsInTable;
+  const ariaLabel = overrideDisplay?.renderedInTable ? langAsString(textResourceBindings?.title) : undefined;
+
+  const setChecked = (isChecked: boolean, option: IOptionInternal) => {
+    if (groupBinding.enabled) {
+      groupBinding.toggleValue(option.value);
+    } else {
+      const newData = isChecked ? [...selectedValues, option.value] : selectedValues.filter((o) => o !== option.value);
+      setData(newData);
+    }
+  };
 
   const labelTextGroup = (
     <LabelContent
@@ -37,13 +72,6 @@ export const CheckboxContainerComponent = ({ node, overrideDisplay }: ICheckboxC
     />
   );
 
-  const horizontal = shouldUseRowLayout({
-    layout,
-    optionsCount: calculatedOptions.length,
-  });
-  const hideLabel = overrideDisplay?.renderedInTable === true && calculatedOptions.length === 1 && !showLabelsInTable;
-  const ariaLabel = overrideDisplay?.renderedInTable ? langAsString(textResourceBindings?.title) : undefined;
-
   return (
     <ComponentStructureWrapper node={node}>
       {isFetching ? (
@@ -61,7 +89,6 @@ export const CheckboxContainerComponent = ({ node, overrideDisplay }: ICheckboxC
             hideLegend={overrideDisplay?.renderLegend === false}
             error={!isValid}
             aria-label={ariaLabel}
-            value={selectedValues}
             data-testid='checkboxes-fieldset'
           >
             {calculatedOptions.map((option) => (
@@ -72,12 +99,7 @@ export const CheckboxContainerComponent = ({ node, overrideDisplay }: ICheckboxC
                 hideLabel={hideLabel}
                 alertOnChange={alertOnChange}
                 checked={selectedValues.includes(option.value)}
-                setChecked={(isChecked) => {
-                  const newData = isChecked
-                    ? [...selectedValues, option.value]
-                    : selectedValues.filter((o) => o !== option.value);
-                  setData(newData);
-                }}
+                setChecked={(isChecked) => setChecked(isChecked, option)}
               />
             ))}
           </Checkbox.Group>
diff --git a/src/layout/Checkboxes/MultipleChoiceSummary.tsx b/src/layout/Checkboxes/MultipleChoiceSummary.tsx
index 9576b63968..c19e3e928c 100644
--- a/src/layout/Checkboxes/MultipleChoiceSummary.tsx
+++ b/src/layout/Checkboxes/MultipleChoiceSummary.tsx
@@ -1,23 +1,45 @@
 import React from 'react';
 
+import dot from 'dot-object';
+
 import { Flex } from 'src/app-components/Flex/Flex';
 import { Lang } from 'src/features/language/Lang';
 import { useLanguage } from 'src/features/language/useLanguage';
 import { getCommaSeparatedOptionsToText } from 'src/features/options/getCommaSeparatedOptionsToText';
 import { useNodeOptions } from 'src/features/options/useNodeOptions';
 import classes from 'src/layout/Checkboxes/MultipleChoiceSummary.module.css';
-import { useNodeFormData } from 'src/utils/layout/useNodeItem';
+import { useNodeFormData, useNodeItem } from 'src/utils/layout/useNodeItem';
 import type { LayoutNode } from 'src/utils/layout/LayoutNode';
 
+type Row = Record<string, string | number | boolean>;
+
 export interface IMultipleChoiceSummaryProps {
   targetNode: LayoutNode<'Checkboxes' | 'MultipleSelect'>;
 }
 
 export function MultipleChoiceSummary({ targetNode }: IMultipleChoiceSummaryProps) {
   const rawFormData = useNodeFormData(targetNode);
+  const { dataModelBindings } = useNodeItem(targetNode);
   const options = useNodeOptions(targetNode).options;
   const { langAsString } = useLanguage();
-  const data = getCommaSeparatedOptionsToText(rawFormData.simpleBinding, options, langAsString);
+
+  const relativeCheckedPath =
+    dataModelBindings?.checked && dataModelBindings?.group
+      ? dataModelBindings.checked.field.replace(`${dataModelBindings.group.field}.`, '')
+      : undefined;
+
+  const relativeSimpleBindingPath =
+    dataModelBindings?.simpleBinding && dataModelBindings?.group
+      ? dataModelBindings.simpleBinding.field.replace(`${dataModelBindings.group.field}.`, '')
+      : undefined;
+
+  const displayRows = (rawFormData?.group as unknown as Row[])
+    ?.filter((row) => (!relativeCheckedPath ? true : dot.pick(relativeCheckedPath, row) === true))
+    .map((row) => (!relativeSimpleBindingPath ? true : dot.pick(relativeSimpleBindingPath, row)));
+
+  const data = dataModelBindings.group
+    ? displayRows
+    : getCommaSeparatedOptionsToText(rawFormData.simpleBinding, options, langAsString);
 
   return (
     <Flex
diff --git a/src/layout/Checkboxes/config.ts b/src/layout/Checkboxes/config.ts
index 15f7d0bbd0..c89644f6db 100644
--- a/src/layout/Checkboxes/config.ts
+++ b/src/layout/Checkboxes/config.ts
@@ -34,7 +34,31 @@ export const Config = new CG.component({
   },
 })
   .addPlugin(new OptionsPlugin({ supportsPreselection: true, type: 'multi' }))
-  .addDataModelBinding(CG.common('IDataModelBindingsOptionsSimple'))
+  .addDataModelBinding(
+    new CG.obj(
+      new CG.prop(
+        'group',
+        new CG.dataModelBinding()
+          .setTitle('group')
+          .setDescription(
+            'Dot notation location for a repeating structure (array of objects), where you want to save the content of checked checkboxes',
+          )
+          .optional(),
+      ),
+      new CG.prop(
+        'checked',
+        new CG.dataModelBinding()
+          .setTitle('checked')
+          .setDescription(
+            'If deletionStrategy=soft and group is set, this value points to where you want to save deleted status.',
+          )
+          .optional(),
+      ),
+    )
+      .exportAs('IDataModelBindingsForGroupCheckbox')
+      .extends(CG.common('IDataModelBindingsOptionsSimple')),
+  )
+  .addProperty(new CG.prop('deletionStrategy', new CG.enum('soft', 'hard').optional()))
   .addProperty(new CG.prop('layout', CG.common('LayoutStyle').optional()))
   .addProperty(
     new CG.prop(
diff --git a/src/layout/Checkboxes/index.tsx b/src/layout/Checkboxes/index.tsx
index 6badcd715d..20dc983bd8 100644
--- a/src/layout/Checkboxes/index.tsx
+++ b/src/layout/Checkboxes/index.tsx
@@ -1,23 +1,31 @@
 import React, { forwardRef } from 'react';
 import type { JSX } from 'react';
 
+import dot from 'dot-object';
+
 import { useLanguage } from 'src/features/language/useLanguage';
 import { getCommaSeparatedOptionsToText } from 'src/features/options/getCommaSeparatedOptionsToText';
 import { useNodeOptions } from 'src/features/options/useNodeOptions';
+import { validateSimpleBindingWithOptionalGroup } from 'src/features/saveToGroup/layoutValidation';
+import { ObjectToGroupLayoutValidator } from 'src/features/saveToGroup/ObjectToGroupLayoutValidator';
 import { useEmptyFieldValidationOnlySimpleBinding } from 'src/features/validation/nodeValidation/emptyFieldValidation';
 import { CheckboxContainerComponent } from 'src/layout/Checkboxes/CheckboxesContainerComponent';
 import { CheckboxesSummary } from 'src/layout/Checkboxes/CheckboxesSummary';
 import { CheckboxesDef } from 'src/layout/Checkboxes/config.def.generated';
 import { MultipleChoiceSummary } from 'src/layout/Checkboxes/MultipleChoiceSummary';
+import { NodesInternal, useNode } from 'src/utils/layout/NodesContext';
 import { useNodeFormDataWhenType } from 'src/utils/layout/useNodeItem';
 import type { LayoutValidationCtx } from 'src/features/devtools/layoutValidation/types';
 import type { ComponentValidation } from 'src/features/validation';
 import type { PropsFromGenericComponent } from 'src/layout';
+import type { NodeValidationProps } from 'src/layout/layout';
 import type { SummaryRendererProps } from 'src/layout/LayoutComponent';
 import type { CheckboxSummaryOverrideProps } from 'src/layout/Summary2/config.generated';
 import type { Summary2Props } from 'src/layout/Summary2/SummaryComponent2/types';
 import type { LayoutNode } from 'src/utils/layout/LayoutNode';
 
+type Row = Record<string, string | number | boolean>;
+
 export class Checkboxes extends CheckboxesDef {
   render = forwardRef<HTMLElement, PropsFromGenericComponent<'Checkboxes'>>(
     function LayoutComponentCheckboxesRender(props, _): JSX.Element | null {
@@ -26,10 +34,37 @@ export class Checkboxes extends CheckboxesDef {
   );
 
   useDisplayData(nodeId: string): string {
+    const node = useNode(nodeId);
     const formData = useNodeFormDataWhenType(nodeId, 'Checkboxes');
     const options = useNodeOptions(nodeId).options;
     const langAsString = useLanguage().langAsString;
-    const data = getCommaSeparatedOptionsToText(formData?.simpleBinding, options, langAsString);
+
+    if (!node) {
+      return '';
+    }
+    const dataModelBindings = NodesInternal.useNodeData(
+      node as LayoutNode<'Checkboxes'>,
+      (data) => data.layout.dataModelBindings,
+    );
+
+    const relativeCheckedPath =
+      dataModelBindings?.checked && dataModelBindings?.group
+        ? dataModelBindings.checked.field.replace(`${dataModelBindings.group.field}.`, '')
+        : undefined;
+
+    const relativeSimpleBindingPath =
+      dataModelBindings?.simpleBinding && dataModelBindings?.group
+        ? dataModelBindings.simpleBinding.field.replace(`${dataModelBindings.group.field}.`, '')
+        : undefined;
+
+    const displayRows = (formData?.group as unknown as Row[])
+      ?.filter((row) => (!relativeCheckedPath ? true : dot.pick(relativeCheckedPath, row) === true))
+      .map((row) => (!relativeSimpleBindingPath ? true : dot.pick(relativeSimpleBindingPath, row)));
+
+    const data = dataModelBindings.group
+      ? displayRows
+      : getCommaSeparatedOptionsToText(formData?.simpleBinding, options, langAsString);
+
     return Object.values(data).join(', ');
   }
 
@@ -52,7 +87,11 @@ export class Checkboxes extends CheckboxesDef {
     return useEmptyFieldValidationOnlySimpleBinding(node);
   }
 
+  renderLayoutValidators(props: NodeValidationProps<'Checkboxes'>): JSX.Element | null {
+    return <ObjectToGroupLayoutValidator {...props} />;
+  }
+
   validateDataModelBindings(ctx: LayoutValidationCtx<'Checkboxes'>): string[] {
-    return this.validateDataModelBindingsSimple(ctx);
+    return validateSimpleBindingWithOptionalGroup(this, ctx);
   }
 }
diff --git a/src/layout/LayoutComponent.tsx b/src/layout/LayoutComponent.tsx
index 2be7503b03..997b050490 100644
--- a/src/layout/LayoutComponent.tsx
+++ b/src/layout/LayoutComponent.tsx
@@ -255,7 +255,7 @@ abstract class _FormComponent<Type extends CompTypes> extends AnyComponent<Type>
     return [];
   }
 
-  protected validateDataModelBindingsAny(
+  public validateDataModelBindingsAny(
     ctx: LayoutValidationCtx<Type>,
     key: string,
     validTypes: string[],
@@ -298,7 +298,7 @@ abstract class _FormComponent<Type extends CompTypes> extends AnyComponent<Type>
     return [undefined, result];
   }
 
-  protected validateDataModelBindingsSimple(
+  public validateDataModelBindingsSimple(
     ctx: LayoutValidationCtx<Type>,
     isRequired = this.isDataModelBindingsRequired(ctx.node),
   ): string[] {
diff --git a/src/layout/List/ListComponent.tsx b/src/layout/List/ListComponent.tsx
index 5c2633ba35..eafb1f9eb7 100644
--- a/src/layout/List/ListComponent.tsx
+++ b/src/layout/List/ListComponent.tsx
@@ -3,7 +3,6 @@ import type { AriaAttributes } from 'react';
 
 import { Checkbox, Heading, Radio, Table } from '@digdir/designsystemet-react';
 import cn from 'classnames';
-import { v4 as uuidv4 } from 'uuid';
 
 import { Pagination as CustomPagination } from 'src/app-components/Pagination/Pagination';
 import { Description } from 'src/components/form/Description';
@@ -11,11 +10,11 @@ import { RadioButton } from 'src/components/form/RadioButton';
 import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
 import { getLabelId } from 'src/components/label/Label';
 import { useDataListQuery } from 'src/features/dataLists/useDataListQuery';
-import { FD } from 'src/features/formData/FormDataWrite';
-import { ALTINN_ROW_ID, DEFAULT_DEBOUNCE_TIMEOUT } from 'src/features/formData/types';
+import { DEFAULT_DEBOUNCE_TIMEOUT } from 'src/features/formData/types';
 import { useDataModelBindings } from 'src/features/formData/useDataModelBindings';
 import { Lang } from 'src/features/language/Lang';
 import { useLanguage } from 'src/features/language/useLanguage';
+import { useSaveObjectToGroup } from 'src/features/saveToGroup/useSaveToGroup';
 import { useIsMobile } from 'src/hooks/useDeviceWidths';
 import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper';
 import classes from 'src/layout/List/ListComponent.module.css';
@@ -58,16 +57,13 @@ export const ListComponent = ({ node }: IListProps) => {
   const bindings = item.dataModelBindings ?? ({} as IDataModelBindingsForList);
 
   const { formData, setValues } = useDataModelBindings(bindings, DEFAULT_DEBOUNCE_TIMEOUT, 'raw');
-  const groupBinding = item.dataModelBindings?.group;
-
-  const appendToList = FD.useAppendToList();
-  const removeFromList = FD.useRemoveIndexFromList();
+  const groupBinding = useSaveObjectToGroup(bindings);
 
   const tableHeadersToShowInMobile = Object.keys(tableHeaders).filter(
     (key) => !tableHeadersMobile || tableHeadersMobile.includes(key),
   );
 
-  const selectedRow = !groupBinding
+  const selectedRow = !groupBinding.enabled
     ? (data?.listItems.find((row) => Object.keys(formData).every((key) => row[key] === formData[key])) ?? '')
     : '';
 
@@ -80,11 +76,8 @@ export const ListComponent = ({ node }: IListProps) => {
   }
 
   function isRowSelected(row: Row): boolean {
-    if (groupBinding) {
-      const rows = (formData?.group as Row[] | undefined) ?? [];
-      return rows.some((selectedRow) =>
-        Object.keys(row).every((key) => Object.hasOwn(selectedRow, key) && row[key] === selectedRow[key]),
-      );
+    if (groupBinding.enabled) {
+      return groupBinding.isChecked(row);
     }
     return JSON.stringify(selectedRow) === JSON.stringify(row);
   }
@@ -93,43 +86,13 @@ export const ListComponent = ({ node }: IListProps) => {
   const description = item.textResourceBindings?.description;
 
   const handleRowClick = (row: Row) => {
-    if (groupBinding) {
-      handleSelectedCheckboxRow(row);
+    if (groupBinding.enabled) {
+      groupBinding.toggle(row);
     } else {
       handleSelectedRadioRow({ selectedValue: row });
     }
   };
 
-  const handleSelectedCheckboxRow = (row: Row) => {
-    if (!groupBinding) {
-      return;
-    }
-    if (isRowSelected(row)) {
-      const index = (formData?.group as Row[]).findIndex((selectedRow) => {
-        const { altinnRowId: _ } = selectedRow;
-        return Object.keys(row).every((key) => Object.hasOwn(selectedRow, key) && row[key] === selectedRow[key]);
-      });
-      if (index >= 0) {
-        removeFromList({
-          reference: groupBinding,
-          index,
-        });
-      }
-    } else {
-      const uuid = uuidv4();
-      const next: Row = { [ALTINN_ROW_ID]: uuid };
-      for (const binding of Object.keys(bindings)) {
-        if (binding !== 'group') {
-          next[binding] = row[binding];
-        }
-      }
-      appendToList({
-        reference: groupBinding,
-        newValue: { ...next },
-      });
-    }
-  };
-
   const renderListItems = (row: Row, tableHeaders: { [x: string]: string | undefined }) =>
     tableHeadersToShowInMobile.map((key) => (
       <div key={key}>
@@ -140,7 +103,7 @@ export const ListComponent = ({ node }: IListProps) => {
       </div>
     ));
 
-  const options = groupBinding ? (
+  const options = groupBinding.enabled ? (
     <Checkbox.Group
       legend={
         <Heading
@@ -159,7 +122,7 @@ export const ListComponent = ({ node }: IListProps) => {
           onClick={() => handleRowClick(row)}
           value={JSON.stringify(row)}
           className={cn(classes.mobile)}
-          checked={isRowSelected(row)}
+          checked={groupBinding.isChecked(row)}
         >
           {renderListItems(row, tableHeaders)}
         </Checkbox>
@@ -264,13 +227,13 @@ export const ListComponent = ({ node }: IListProps) => {
                   [classes.selectedRowCell]: isRowSelected(row),
                 })}
               >
-                {groupBinding ? (
+                {groupBinding.enabled ? (
                   <Checkbox
                     className={classes.toggleControl}
                     aria-label={JSON.stringify(row)}
                     onChange={() => {}}
                     value={JSON.stringify(row)}
-                    checked={isRowSelected(row)}
+                    checked={groupBinding.isChecked(row)}
                     name={node.id}
                   />
                 ) : (
diff --git a/src/layout/List/ListSummary.tsx b/src/layout/List/ListSummary.tsx
index 2d586e758f..a4822b2d48 100644
--- a/src/layout/List/ListSummary.tsx
+++ b/src/layout/List/ListSummary.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { Heading, Table } from '@digdir/designsystemet-react';
+import dot from 'dot-object';
 
 import { useDisplayData } from 'src/features/displayData/useDisplayData';
 import { DEFAULT_DEBOUNCE_TIMEOUT } from 'src/features/formData/types';
@@ -33,9 +34,16 @@ export const ListSummary = ({ componentNode, isCompact, emptyFieldText }: ListCo
   const { tableHeaders, dataModelBindings } = useNodeItem(componentNode);
   const { formData } = useDataModelBindings(dataModelBindings, DEFAULT_DEBOUNCE_TIMEOUT, 'raw');
 
-  const displayRows = (formData?.group as Row[])?.map((row: Row) => {
-    const { altinnRowId: _, ...rest } = row;
-    return rest;
+  const relativeCheckedPath =
+    dataModelBindings?.checked && dataModelBindings?.group
+      ? dataModelBindings.checked.field.replace(`${dataModelBindings.group.field}.`, '')
+      : undefined;
+
+  const displayRows = (formData?.group as Row[])?.filter((row) => {
+    if (!relativeCheckedPath) {
+      return true;
+    }
+    return dot.pick(relativeCheckedPath, row) === true;
   });
 
   if (displayRows?.length > 0) {
@@ -72,21 +80,27 @@ export const ListSummary = ({ componentNode, isCompact, emptyFieldText }: ListCo
             </Table.Row>
           </Table.Head>
           <Table.Body>
-            {displayRows?.map((row, rowIndex) => {
-              const rowItem = row;
-              return (
-                <Table.Row key={rowIndex}>
-                  {Object.entries(tableHeaders).map(([key]) => (
+            {displayRows?.map((row, rowIndex) => (
+              <Table.Row key={rowIndex}>
+                {Object.entries(tableHeaders).map(([key]) => {
+                  const binding = dataModelBindings?.[key];
+                  if (!binding || !dataModelBindings?.group) {
+                    return null;
+                  }
+
+                  const relativePath = binding?.field.replace(`${dataModelBindings.group.field}.`, '');
+                  const data = dot.pick(relativePath, row);
+                  return (
                     <Table.Cell
                       key={key}
                       align='left'
                     >
-                      {rowItem[key]}
+                      {data}
                     </Table.Cell>
-                  ))}
-                </Table.Row>
-              );
-            })}
+                  );
+                })}
+              </Table.Row>
+            ))}
           </Table.Body>
         </Table>
       </div>
diff --git a/src/layout/List/config.ts b/src/layout/List/config.ts
index 9ab21b985c..329c44d7ab 100644
--- a/src/layout/List/config.ts
+++ b/src/layout/List/config.ts
@@ -36,11 +36,21 @@ export const Config = new CG.component({
           )
           .optional(),
       ),
+      new CG.prop(
+        'checked',
+        new CG.dataModelBinding()
+          .setTitle('checked')
+          .setDescription(
+            'If deletionStrategy=soft and group is set, this value points to where you want to save deleted status.',
+          )
+          .optional(),
+      ),
     )
       .optional()
       .additionalProperties(new CG.dataModelBinding().optional())
       .exportAs('IDataModelBindingsForList'),
   )
+  .addProperty(new CG.prop('deletionStrategy', new CG.enum('soft', 'hard').optional()))
   .addProperty(
     new CG.prop(
       'tableHeaders',
diff --git a/src/layout/List/index.tsx b/src/layout/List/index.tsx
index d3e24df143..68024ae6ca 100644
--- a/src/layout/List/index.tsx
+++ b/src/layout/List/index.tsx
@@ -6,6 +6,7 @@ import dot from 'dot-object';
 import { lookupErrorAsText } from 'src/features/datamodel/lookupErrorAsText';
 import { useDisplayData } from 'src/features/displayData/useDisplayData';
 import { evalQueryParameters } from 'src/features/options/evalQueryParameters';
+import { ObjectToGroupLayoutValidator } from 'src/features/saveToGroup/ObjectToGroupLayoutValidator';
 import { ListDef } from 'src/layout/List/config.def.generated';
 import { ListComponent } from 'src/layout/List/ListComponent';
 import { ListSummary } from 'src/layout/List/ListSummary';
@@ -17,6 +18,7 @@ import type { LayoutValidationCtx } from 'src/features/devtools/layoutValidation
 import type { ComponentValidation } from 'src/features/validation';
 import type { PropsFromGenericComponent } from 'src/layout';
 import type { IDataModelReference } from 'src/layout/common.generated';
+import type { NodeValidationProps } from 'src/layout/layout';
 import type { ExprResolver, SummaryRendererProps } from 'src/layout/LayoutComponent';
 import type { Summary2Props } from 'src/layout/Summary2/SummaryComponent2/types';
 import type { LayoutNode } from 'src/utils/layout/LayoutNode';
@@ -31,6 +33,7 @@ export class List extends ListDef {
   useDisplayData(nodeId: string): string {
     const dmBindings = NodesInternal.useNodeDataWhenType(nodeId, 'List', (data) => data.layout.dataModelBindings);
     const groupBinding = dmBindings?.group;
+    const checkedBinding = dmBindings?.checked;
     const summaryBinding = NodesInternal.useNodeDataWhenType(nodeId, 'List', (data) => data.item?.summaryBinding);
     const legacySummaryBinding = NodesInternal.useNodeDataWhenType(
       nodeId,
@@ -44,9 +47,13 @@ export class List extends ListDef {
       // values are undefined. This is because useNodeFormDataWhenType doesn't know the intricacies of the group
       // binding and how it works in the List component. We need to find the values inside the rows ourselves.
       const rows = (formData?.group as unknown[] | undefined) ?? [];
+      const relativeCheckedBinding = checkedBinding?.field.replace(`${groupBinding.field}.`, '');
       if (summaryBinding && dmBindings) {
         const summaryReference = dmBindings[summaryBinding];
-        const rowData = rows.map((row) => (summaryReference ? findDataInRow(row, summaryReference, groupBinding) : ''));
+        const rowData = rows
+          .filter((row) => !relativeCheckedBinding || dot.pick(relativeCheckedBinding, row) === true)
+          .map((row) => (summaryReference ? findDataInRow(row, summaryReference, groupBinding) : ''));
+
         return Object.values(rowData).join(', ');
       }
 
@@ -92,6 +99,10 @@ export class List extends ListDef {
     return useValidateListIsEmpty(node);
   }
 
+  renderLayoutValidators(props: NodeValidationProps<'List'>): JSX.Element | null {
+    return <ObjectToGroupLayoutValidator {...props} />;
+  }
+
   validateDataModelBindings(ctx: LayoutValidationCtx<'List'>): string[] {
     const errors: string[] = [];
     const allowedLeafTypes = ['string', 'boolean', 'number', 'integer'];
diff --git a/src/layout/MultipleSelect/MultipleSelectComponent.tsx b/src/layout/MultipleSelect/MultipleSelectComponent.tsx
index 0eacb267e9..89c6d667a7 100644
--- a/src/layout/MultipleSelect/MultipleSelectComponent.tsx
+++ b/src/layout/MultipleSelect/MultipleSelectComponent.tsx
@@ -12,6 +12,7 @@ import { FD } from 'src/features/formData/FormDataWrite';
 import { Lang } from 'src/features/language/Lang';
 import { useLanguage } from 'src/features/language/useLanguage';
 import { useGetOptions } from 'src/features/options/useGetOptions';
+import { useSaveValueToGroup } from 'src/features/saveToGroup/useSaveToGroup';
 import { useIsValid } from 'src/features/validation/selectors/isValid';
 import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper';
 import comboboxClasses from 'src/styles/combobox.module.css';
@@ -24,8 +25,11 @@ export type IMultipleSelectProps = PropsFromGenericComponent<'MultipleSelect'>;
 export function MultipleSelectComponent({ node, overrideDisplay }: IMultipleSelectProps) {
   const item = useNodeItem(node);
   const isValid = useIsValid(node);
-  const { id, readOnly, textResourceBindings, alertOnChange, grid, required } = item;
-  const { options, isFetching, selectedValues, setData } = useGetOptions(node, 'multi');
+  const { id, readOnly, textResourceBindings, alertOnChange, grid, required, dataModelBindings } = item;
+  const { options, isFetching, selectedValues: selectedFromSimpleBinding, setData } = useGetOptions(node, 'multi');
+  const groupBinding = useSaveValueToGroup(dataModelBindings);
+  const selectedValues = groupBinding.enabled ? groupBinding.selectedValues : selectedFromSimpleBinding;
+
   const debounce = FD.useDebounceImmediately();
   const { langAsString, lang } = useLanguage(node);
 
@@ -44,9 +48,17 @@ export function MultipleSelectComponent({ node, overrideDisplay }: IMultipleSele
     [lang, langAsString, options, selectedValues],
   );
 
+  const handleOnChange = (values: string[]) => {
+    if (groupBinding.enabled) {
+      groupBinding.setCheckedValues(values);
+    } else {
+      setData(values);
+    }
+  };
+
   const { alertOpen, setAlertOpen, handleChange, confirmChange, cancelChange, alertMessage } = useAlertOnChange(
     Boolean(alertOnChange),
-    setData,
+    handleOnChange,
     // Only alert when removing values
     (values) => values.length < selectedValues.length,
     changeMessageGenerator,
diff --git a/src/layout/MultipleSelect/config.ts b/src/layout/MultipleSelect/config.ts
index 962185e294..2cbe4291e0 100644
--- a/src/layout/MultipleSelect/config.ts
+++ b/src/layout/MultipleSelect/config.ts
@@ -41,6 +41,30 @@ export const Config = new CG.component({
       description: 'Boolean value indicating if the component should alert on change',
     }),
   )
-  .addDataModelBinding(CG.common('IDataModelBindingsOptionsSimple'))
+  .addDataModelBinding(
+    new CG.obj(
+      new CG.prop(
+        'group',
+        new CG.dataModelBinding()
+          .setTitle('group')
+          .setDescription(
+            'Dot notation location for a repeating structure (array of objects), where you want to save the content of checked checkboxes',
+          )
+          .optional(),
+      ),
+      new CG.prop(
+        'checked',
+        new CG.dataModelBinding()
+          .setTitle('checked')
+          .setDescription(
+            'If deletionStrategy=soft and group is set, this value points to where you want to save deleted status.',
+          )
+          .optional(),
+      ),
+    )
+      .exportAs('IDataModelBindingsForGroupMultiselect')
+      .extends(CG.common('IDataModelBindingsOptionsSimple')),
+  )
+  .addProperty(new CG.prop('deletionStrategy', new CG.enum('soft', 'hard').optional()))
   .extends(CG.common('LabeledComponentProps'))
   .extendTextResources(CG.common('TRBLabel'));
diff --git a/src/layout/MultipleSelect/index.tsx b/src/layout/MultipleSelect/index.tsx
index 934da2dd8c..dc32594508 100644
--- a/src/layout/MultipleSelect/index.tsx
+++ b/src/layout/MultipleSelect/index.tsx
@@ -1,22 +1,30 @@
 import React, { forwardRef } from 'react';
 import type { JSX } from 'react';
 
+import dot from 'dot-object';
+
 import { useLanguage } from 'src/features/language/useLanguage';
 import { getCommaSeparatedOptionsToText } from 'src/features/options/getCommaSeparatedOptionsToText';
 import { useNodeOptions } from 'src/features/options/useNodeOptions';
+import { validateSimpleBindingWithOptionalGroup } from 'src/features/saveToGroup/layoutValidation';
+import { ObjectToGroupLayoutValidator } from 'src/features/saveToGroup/ObjectToGroupLayoutValidator';
 import { useEmptyFieldValidationOnlySimpleBinding } from 'src/features/validation/nodeValidation/emptyFieldValidation';
 import { MultipleChoiceSummary } from 'src/layout/Checkboxes/MultipleChoiceSummary';
 import { MultipleSelectDef } from 'src/layout/MultipleSelect/config.def.generated';
 import { MultipleSelectComponent } from 'src/layout/MultipleSelect/MultipleSelectComponent';
 import { MultipleSelectSummary } from 'src/layout/MultipleSelect/MultipleSelectSummary';
+import { NodesInternal, useNode } from 'src/utils/layout/NodesContext';
 import { useNodeFormDataWhenType } from 'src/utils/layout/useNodeItem';
 import type { LayoutValidationCtx } from 'src/features/devtools/layoutValidation/types';
 import type { ComponentValidation } from 'src/features/validation';
 import type { PropsFromGenericComponent } from 'src/layout';
+import type { NodeValidationProps } from 'src/layout/layout';
 import type { SummaryRendererProps } from 'src/layout/LayoutComponent';
 import type { Summary2Props } from 'src/layout/Summary2/SummaryComponent2/types';
 import type { LayoutNode } from 'src/utils/layout/LayoutNode';
 
+type Row = Record<string, string | number | boolean>;
+
 export class MultipleSelect extends MultipleSelectDef {
   render = forwardRef<HTMLElement, PropsFromGenericComponent<'MultipleSelect'>>(
     function LayoutComponentMultipleSelectRender(props, _): JSX.Element | null {
@@ -25,10 +33,37 @@ export class MultipleSelect extends MultipleSelectDef {
   );
 
   useDisplayData(nodeId: string): string {
+    const node = useNode(nodeId);
     const formData = useNodeFormDataWhenType(nodeId, 'MultipleSelect');
     const options = useNodeOptions(nodeId).options;
     const langAsString = useLanguage().langAsString;
-    const data = getCommaSeparatedOptionsToText(formData?.simpleBinding, options, langAsString);
+
+    if (!node) {
+      return '';
+    }
+    const dataModelBindings = NodesInternal.useNodeData(
+      node as LayoutNode<'MultipleSelect'>,
+      (data) => data.layout.dataModelBindings,
+    );
+
+    const relativeCheckedPath =
+      dataModelBindings?.checked && dataModelBindings?.group
+        ? dataModelBindings.checked.field.replace(`${dataModelBindings.group.field}.`, '')
+        : undefined;
+
+    const relativeSimpleBindingPath =
+      dataModelBindings?.simpleBinding && dataModelBindings?.group
+        ? dataModelBindings.simpleBinding.field.replace(`${dataModelBindings.group.field}.`, '')
+        : undefined;
+
+    const displayRows = (formData?.group as unknown as Row[])
+      ?.filter((row) => (!relativeCheckedPath ? true : dot.pick(relativeCheckedPath, row) === true))
+      .map((row) => (!relativeSimpleBindingPath ? true : dot.pick(relativeSimpleBindingPath, row)));
+
+    const data = dataModelBindings.group
+      ? displayRows
+      : getCommaSeparatedOptionsToText(formData?.simpleBinding, options, langAsString);
+
     return Object.values(data).join(', ');
   }
 
@@ -51,7 +86,11 @@ export class MultipleSelect extends MultipleSelectDef {
     return useEmptyFieldValidationOnlySimpleBinding(node);
   }
 
+  renderLayoutValidators(props: NodeValidationProps<'MultipleSelect'>): JSX.Element | null {
+    return <ObjectToGroupLayoutValidator {...props} />;
+  }
+
   validateDataModelBindings(ctx: LayoutValidationCtx<'MultipleSelect'>): string[] {
-    return this.validateDataModelBindingsSimple(ctx);
+    return validateSimpleBindingWithOptionalGroup(this, ctx);
   }
 }
diff --git a/src/layout/Summary2/CommonSummaryComponents/MultipleValueSummary.tsx b/src/layout/Summary2/CommonSummaryComponents/MultipleValueSummary.tsx
index 095c92e01e..4720eebc2d 100644
--- a/src/layout/Summary2/CommonSummaryComponents/MultipleValueSummary.tsx
+++ b/src/layout/Summary2/CommonSummaryComponents/MultipleValueSummary.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 
 import { ErrorMessage, Label, List, Paragraph } from '@digdir/designsystemet-react';
 import cn from 'classnames';
+import dot from 'dot-object';
 
 import { Lang } from 'src/features/language/Lang';
 import { useLanguage } from 'src/features/language/useLanguage';
@@ -11,12 +12,14 @@ import { useUnifiedValidationsForNode } from 'src/features/validation/selectors/
 import { validationsOfSeverity } from 'src/features/validation/utils';
 import { EditButton } from 'src/layout/Summary2/CommonSummaryComponents/EditButton';
 import classes from 'src/layout/Summary2/CommonSummaryComponents/MultipleValueSummary.module.css';
-import { useNodeFormData } from 'src/utils/layout/useNodeItem';
+import { useNodeFormData, useNodeItem } from 'src/utils/layout/useNodeItem';
 import type { LayoutNode } from 'src/utils/layout/LayoutNode';
 
 type ValidTypes = 'MultipleSelect' | 'Checkboxes';
 type ValidNodes = LayoutNode<ValidTypes>;
 
+type Row = Record<string, string | number | boolean>;
+
 interface MultipleValueSummaryProps {
   title: React.ReactNode;
   componentNode: ValidNodes;
@@ -46,16 +49,33 @@ export const MultipleValueSummary = ({
   isCompact,
   emptyFieldText,
 }: MultipleValueSummaryProps) => {
+  const { dataModelBindings } = useNodeItem(componentNode);
   const options = useNodeOptions(componentNode).options;
   const rawFormData = useNodeFormData(componentNode);
   const { langAsString } = useLanguage();
-  const displayValues = Object.values(getCommaSeparatedOptionsToText(rawFormData.simpleBinding, options, langAsString));
+
+  const relativeCheckedPath =
+    dataModelBindings?.checked && dataModelBindings?.group
+      ? dataModelBindings.checked.field.replace(`${dataModelBindings.group.field}.`, '')
+      : undefined;
+
+  const relativeSimpleBindingPath =
+    dataModelBindings?.simpleBinding && dataModelBindings?.group
+      ? dataModelBindings.simpleBinding.field.replace(`${dataModelBindings.group.field}.`, '')
+      : undefined;
+
+  const displayRows: string[] = (rawFormData?.group as unknown as Row[])
+    ?.filter((row) => (!relativeCheckedPath ? true : dot.pick(relativeCheckedPath, row) === true))
+    .map((row) => (!relativeSimpleBindingPath ? true : dot.pick(relativeSimpleBindingPath, row)));
+
+  const displayValues = dataModelBindings.group
+    ? displayRows
+    : Object.values(getCommaSeparatedOptionsToText(rawFormData.simpleBinding, options, langAsString));
 
   const validations = useUnifiedValidationsForNode(componentNode);
   const errors = validationsOfSeverity(validations, 'error');
 
   const displayType = getDisplayType(displayValues, showAsList, isCompact);
-
   return (
     <div className={classes.summaryItemWrapper}>
       <div className={classes.summaryItem}>
diff --git a/test/e2e/integration/component-library/checkboxes.ts b/test/e2e/integration/component-library/checkboxes.ts
index dabf8058a2..d514bd03cd 100644
--- a/test/e2e/integration/component-library/checkboxes.ts
+++ b/test/e2e/integration/component-library/checkboxes.ts
@@ -28,4 +28,111 @@ describe('Checkboxes component', () => {
       .find('span.fds-paragraph') // Targets the span with the summary text
       .should('have.text', expectedText);
   });
+
+  it('Adds and removes data properly when using group and soft deletion', () => {
+    cy.startAppInstance(appFrontend.apps.componentLibrary, { authenticationLevel: '2' });
+    cy.gotoNavPage('Avkryssningsbokser');
+
+    const checkboxes = '[data-componentid=CheckboxesPage-Checkboxes2]';
+    const repGroup = '[data-componentid=CheckboxesPage-RepeatingGroup]';
+
+    // Define the text for the last three checkboxes
+    const checkboxText1 = 'Karoline';
+    const checkboxText2 = 'Kåre';
+    const checkboxText3 = 'Johanne';
+    const checkboxText4 = 'Kari';
+    const checkboxText5 = 'Petter';
+
+    //Check options in checkboxes component
+    cy.get(checkboxes).contains('label', checkboxText1).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText2).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText3).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText4).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText5).prev('input[type="checkbox"]').click();
+
+    //Uncheck
+    cy.get(checkboxes).contains('label', checkboxText4).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText5).prev('input[type="checkbox"]').click();
+
+    //Check that checkboxes is correct
+    cy.get(checkboxes).contains('label', checkboxText1).prev('input[type="checkbox"]').should('be.checked');
+    cy.get(checkboxes).contains('label', checkboxText2).prev('input[type="checkbox"]').should('be.checked');
+    cy.get(checkboxes).contains('label', checkboxText3).prev('input[type="checkbox"]').should('be.checked');
+    cy.get(checkboxes).contains('label', checkboxText4).prev('input[type="checkbox"]').should('not.be.checked');
+    cy.get(checkboxes).contains('label', checkboxText5).prev('input[type="checkbox"]').should('not.be.checked');
+
+    //Validate that the corresponding options in checkboxes is avaliable in repeating group<
+    cy.get(repGroup).findByRole('cell', { name: checkboxText1 }).should('exist');
+    cy.get(repGroup).findByRole('cell', { name: checkboxText2 }).should('exist');
+    cy.get(repGroup).findByRole('cell', { name: checkboxText3 }).should('exist');
+
+    // Removing from RepeatingGroup should deselect from List
+    cy.get(repGroup).findAllByRole('row').should('have.length', 4); // Header + 1 row
+    cy.get(repGroup)
+      .findAllByRole('button', { name: /^Slett/ })
+      .first()
+      .click();
+    cy.get(checkboxes).contains('label', checkboxText1).prev('input[type="checkbox"]').should('not.be.checked');
+
+    // Unchecking from Checkboxes should remove from RepeatingGroup (observe that data is preserved)
+    cy.get(checkboxes).contains('label', checkboxText2).prev('input[type="checkbox"]').should('be.checked');
+    cy.get(repGroup).findAllByRole('row').should('have.length', 3); // Header + 2 row
+    cy.get(repGroup)
+      .findAllByRole('button', { name: /^Rediger/ })
+      .first()
+      .click();
+    cy.findByRole('textbox', { name: /Age/ }).type('20');
+    cy.findAllByRole('button', { name: /Lagre og lukk/ })
+      .last()
+      .click();
+    cy.get(repGroup).findByRole('cell', { name: checkboxText2 }).parent().contains('td', '20');
+    cy.get(checkboxes).contains('label', checkboxText2).prev('input[type="checkbox"]').click();
+
+    cy.get(repGroup).findAllByRole('row').should('have.length', 2);
+
+    // Checking 'Kåre' again should bring back the surname
+    cy.get(checkboxes).contains('label', checkboxText2).prev('input[type="checkbox"]').click();
+    cy.get(repGroup).findAllByRole('row').should('have.length', 3); // Header + 1 row
+    cy.get(repGroup).findByRole('cell', { name: checkboxText2 }).should('exist');
+    cy.get(repGroup).findAllByRole('cell', { name: '20' }).should('exist');
+  });
+
+  it('Renders the summary2 component with correct text for Checkboxes with group and soft deletion', () => {
+    cy.startAppInstance(appFrontend.apps.componentLibrary, { authenticationLevel: '2' });
+    cy.gotoNavPage('Avkryssningsbokser');
+
+    const checkboxes = '[data-componentid=CheckboxesPage-Checkboxes2]';
+    const summary2 = '[data-componentid=CheckboxesPage-Header-Summary2-Component2]';
+
+    const checkboxText1 = 'Karoline';
+    const checkboxText2 = 'Kåre';
+    const checkboxText3 = 'Johanne';
+    const checkboxText4 = 'Kari';
+    const checkboxText5 = 'Petter';
+
+    //Check options in checkboxes component
+    cy.get(checkboxes).contains('label', checkboxText1).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText2).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText3).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText4).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText5).prev('input[type="checkbox"]').click();
+
+    //Uncheck
+    cy.get(checkboxes).contains('label', checkboxText4).prev('input[type="checkbox"]').click();
+    cy.get(checkboxes).contains('label', checkboxText5).prev('input[type="checkbox"]').click();
+
+    //Check that checkboxes is correct
+    cy.get(checkboxes).contains('label', checkboxText1).prev('input[type="checkbox"]').should('be.checked');
+    cy.get(checkboxes).contains('label', checkboxText2).prev('input[type="checkbox"]').should('be.checked');
+    cy.get(checkboxes).contains('label', checkboxText3).prev('input[type="checkbox"]').should('be.checked');
+    cy.get(checkboxes).contains('label', checkboxText4).prev('input[type="checkbox"]').should('not.be.checked');
+    cy.get(checkboxes).contains('label', checkboxText5).prev('input[type="checkbox"]').should('not.be.checked');
+
+    const expectedText = [checkboxText1, checkboxText2, checkboxText3].join(', ');
+
+    cy.get(`div${summary2}`)
+      .next()
+      .find('span.fds-paragraph') // Targets the span with the summary text
+      .should('have.text', expectedText);
+  });
 });
diff --git a/test/e2e/integration/component-library/list.ts b/test/e2e/integration/component-library/list.ts
index 8fdc8b63c4..3fcac454b6 100644
--- a/test/e2e/integration/component-library/list.ts
+++ b/test/e2e/integration/component-library/list.ts
@@ -49,19 +49,31 @@ describe('List component', () => {
 
     cy.get(repGroup).findAllByRole('row').should('have.length', 0);
 
-    // Checking 'Kari' again does not bring back the surname
+    // Checking 'Kari' again should bring back the surname
     cy.get(list).findByRole('cell', { name: 'Kari' }).parent().click();
     cy.get(repGroup).findAllByRole('row').should('have.length', 2); // Header + 1 row
     cy.get(repGroup).findByRole('cell', { name: 'Kari' }).should('exist');
-    cy.get(repGroup).findAllByRole('cell', { name: 'Olsen' }).should('not.exist');
+    cy.get(repGroup).findAllByRole('cell', { name: 'Olsen' }).should('exist');
 
     // Testing summaries
     cy.get(list).findByRole('cell', { name: 'Johanne' }).parent().click();
     cy.get(repGroup).findAllByRole('row').should('have.length', 3); // Header + 2 rows
-    cy.get(summary1).should('contain.text', 'Kari, Johanne');
+    cy.get(summary1).should('contain.text', 'Johanne, Kari');
 
     // Summary2 is a bit more tricky to find
     cy.get('table').last().should('have.not.have.attr', 'id');
     cy.get('table').last().findAllByRole('row').should('have.length', 3); // Header + 2 row
+
+    // Find Kåre, make sure he's selected in both summaries
+    cy.get(list).findByRole('cell', { name: 'Kåre' }).parent().click();
+    cy.get(repGroup).findAllByRole('row').should('have.length', 4); // Header + 3 rows
+    cy.get(summary1).should('contain.text', 'Johanne, Kari, Kåre');
+    cy.get('table').last().findAllByRole('row').should('have.length', 4); // Header + 3 rows
+
+    // Uncheck Kåre again, make sure he's no longer in any summaries
+    cy.get(list).findByRole('cell', { name: 'Kåre' }).parent().click();
+    cy.get(repGroup).findAllByRole('row').should('have.length', 3); // Header + 2 rows
+    cy.get(summary1).should('contain.text', 'Johanne, Kari');
+    cy.get('table').last().findAllByRole('row').should('have.length', 3); // Header + 2 rows
   });
 });
diff --git a/test/e2e/integration/component-library/multiple-select.ts b/test/e2e/integration/component-library/multiple-select.ts
index 542dfd64d4..c1ae1417ec 100644
--- a/test/e2e/integration/component-library/multiple-select.ts
+++ b/test/e2e/integration/component-library/multiple-select.ts
@@ -19,4 +19,124 @@ describe('Multiple select component', () => {
       .find('span.fds-paragraph') // Targets the span with the summary text
       .should('have.text', checkboxText);
   });
+  it('Adds and removes data properly when using group and soft deletion', () => {
+    cy.startAppInstance(appFrontend.apps.componentLibrary, { authenticationLevel: '2' });
+    cy.gotoNavPage('Flervalg');
+
+    const multiselect = '#form-content-MultipleSelectPage-Checkboxes2';
+    const multiselectList = 'div[role="listbox"]';
+    const repGroup = '[data-componentid=MultipleSelectPage-RepeatingGroup]';
+    //const summary1 = '[data-componentid=ListPage-Summary-Component2]';
+
+    // Define the text for the last three checkboxes
+    const checkboxText1 = 'Karoline';
+    const checkboxText2 = 'Kåre';
+    const checkboxText3 = 'Johanne';
+    const checkboxText4 = 'Kari';
+    const checkboxText5 = 'Petter';
+
+    cy.get(multiselect).click();
+
+    //Check options in checkboxes component
+    cy.get(multiselectList).contains('span', checkboxText1).click();
+    cy.get(multiselectList).contains('span', checkboxText2).click();
+    cy.get(multiselectList).contains('span', checkboxText3).click();
+    cy.get(multiselectList).contains('span', checkboxText4).click();
+    cy.get(multiselectList).contains('span', checkboxText5).click();
+
+    //Uncheck
+    cy.get(multiselectList).contains('span', checkboxText4).click();
+    cy.get(multiselectList).contains('span', checkboxText5).click();
+
+    //Check that checkboxes is correct
+    cy.get(multiselect).contains('span', checkboxText1).should('exist');
+    cy.get(multiselect).contains('span', checkboxText2).should('exist');
+    cy.get(multiselect).contains('span', checkboxText3).should('exist');
+    cy.get(multiselect).contains('span', checkboxText4).should('not.exist');
+    cy.get(multiselect).contains('span', checkboxText5).should('not.exist');
+
+    //Clicking on the repeating group to close the popover from the multiselect
+    cy.get(repGroup).click({ force: true });
+
+    //Validate that the corresponding options in checkboxes is avaliable in repeating group
+    cy.get(repGroup).findByRole('cell', { name: checkboxText1 }).should('exist');
+    cy.get(repGroup).findByRole('cell', { name: checkboxText2 }).should('exist');
+    cy.get(repGroup).findByRole('cell', { name: checkboxText3 }).should('exist');
+    cy.get(repGroup).findByRole('cell', { name: checkboxText4 }).should('not.exist');
+    cy.get(repGroup).findByRole('cell', { name: checkboxText5 }).should('not.exist');
+
+    // Removing from RepeatingGroup should deselect from List
+    cy.get(repGroup).findAllByRole('row').should('have.length', 4); // Header + 1 row
+    cy.get(repGroup)
+      .findAllByRole('button', { name: /^Slett/ })
+      .first()
+      .click();
+    cy.get(multiselect).contains('span', checkboxText1).should('not.exist');
+
+    // Unchecking from Checkboxes should remove from RepeatingGroup (observe that data is preserved)
+    cy.get(multiselect).contains('span', checkboxText2).should('exist');
+    cy.get(repGroup).findAllByRole('row').should('have.length', 3); // Header + 2 row
+    cy.get(repGroup)
+      .findAllByRole('button', { name: /^Rediger/ })
+      .first()
+      .click();
+    cy.findByRole('textbox', { name: /Age/ }).type('20');
+    cy.findAllByRole('button', { name: /Lagre og lukk/ })
+      .last()
+      .click();
+    cy.get(repGroup).findByRole('cell', { name: checkboxText2 }).parent().contains('td', '20');
+    cy.get(multiselect).click();
+    cy.get(multiselectList).contains('span', checkboxText2).click();
+    cy.get(repGroup).click({ force: true }); //closing the multiselect popover
+    cy.get(repGroup).findAllByRole('row').should('have.length', 2);
+
+    // Checking 'Kåre' again should bring back the surname
+    cy.get(multiselect).click();
+    cy.get(multiselectList).contains('span', checkboxText2).click();
+    cy.get(repGroup).click({ force: true }); //closing the multiselect popover
+    cy.get(repGroup).findAllByRole('row').should('have.length', 3); // Header + 1 row
+    cy.get(repGroup).findByRole('cell', { name: checkboxText2 }).should('exist');
+    cy.get(repGroup).findAllByRole('cell', { name: '20' }).should('exist');
+  });
+  it('Renders the summary2 component with correct text for MultipleSelext with group and soft deletion', () => {
+    cy.startAppInstance(appFrontend.apps.componentLibrary, { authenticationLevel: '2' });
+    cy.gotoNavPage('Flervalg');
+
+    const multiselect = '#form-content-MultipleSelectPage-Checkboxes2';
+    const multiselectList = 'div[role="listbox"]';
+    const summary2 = '[data-componentid=MultipleSelectPage-Header-Summary2-Component2]';
+
+    const checkboxText1 = 'Karoline';
+    const checkboxText2 = 'Kåre';
+    const checkboxText3 = 'Johanne';
+    const checkboxText4 = 'Kari';
+    const checkboxText5 = 'Petter';
+
+    cy.get(multiselect).click();
+
+    //Check options in checkboxes component
+    cy.get(multiselectList).contains('span', checkboxText1).click();
+    cy.get(multiselectList).contains('span', checkboxText2).click();
+    cy.get(multiselectList).contains('span', checkboxText3).click();
+    cy.get(multiselectList).contains('span', checkboxText4).click();
+    cy.get(multiselectList).contains('span', checkboxText5).click();
+
+    //Uncheck
+    cy.get(multiselectList).contains('span', checkboxText4).click();
+    cy.get(multiselectList).contains('span', checkboxText5).click();
+
+    //Check that checkboxes is correct
+    cy.get(multiselect).contains('span', checkboxText1).should('exist');
+    cy.get(multiselect).contains('span', checkboxText2).should('exist');
+    cy.get(multiselect).contains('span', checkboxText3).should('exist');
+    cy.get(multiselect).contains('span', checkboxText4).should('not.exist');
+    cy.get(multiselect).contains('span', checkboxText5).should('not.exist');
+
+    const expectedText = [checkboxText1, checkboxText2, checkboxText3].join(', ');
+
+    cy.get(`div${summary2}`)
+      .next()
+      .find('span.fds-paragraph') // Targets the span with the summary text
+      .should('have.text', expectedText);
+  });
 });