# Inputs >> Checkbox Group >> Features ||20
```js script
import { html } from '@mdjs/mdjs-preview';
import '@lion/checkbox-group/define';
```
## Model value
The `modelValue` of a `lion-checkbox-group` is an array containing the `choiceValues` of the `lion-checkbox` elements that have been checked.
Given the scientists example above, say that we were to select the first and last options
(Archimedes & Marie Curie).
Then the `modelValue` of the `lion-checkbox-group` will look as follows:
```js
const groupElement = [parent].querySelector('lion-checkbox-group');
groupElement.modelValue;
=> ["Archimedes", "Marie Curie"];
```
## The `name` attribute
The `name` attribute of a `lion-checkbox-group` automatically gets assigned to its `lion-checkbox` children. You can also specify names for the `lion-checkbox` elements, but if this name is different from the name assigned to `lion-checkbox-group`, then an exception will be thrown.
Our recommendation would be to set the `name` attribute only on the `lion-checkbox-group` and not on the `lion-checkbox` elements.
## Example
```html
```
## Pre-select
You can pre-select options by targeting the `modelValue` object of the option and setting the `checked` property to `true`.
```js preview-story
export const preselect = () => html`
`;
```
## Disabled
You can disable the entire group by setting the `disabled` attribute on the ``.
```js preview-story
export const disabled = () => html`
`;
```
## Help text
You can add help text on each checkbox with `help-text` attribute on the ``.
```js preview-story
export const helpText = () => html`
`;
```
## Event
You can listen to the `model-value-changed` event whenever the value of the checkbox group is changed.
```js preview-story
export const event = ({ shadowRoot }) => html`
(shadowRoot.getElementById('selectedDinosaur').innerText = JSON.stringify(
ev.target.modelValue,
null,
4,
))}
>
Selected scientists: N/A
`;
```
## Indeterminate
```js preview-story
export const indeterminate = () => html`
`;
```
```js preview-story
export const indeterminateSiblings = () => html`
`;
```
```js preview-story
export const indeterminateChildren = () => html`
`;
```