zent/src/checkbox/demos/checkboxGroup.md

一套前端设计语言和基于React的实现

---
order: 3
zh-CN:
	title: Checkbox组
	apple: 苹果
	pear: 梨子
	orange: 橘子
	rottenOrange: 烂橘子
en-US:
	title: Checkbox group
	apple: apple
	pear: pear
	orange: orange
	rottenOrange: rotten orange
---

```jsx
import { Checkbox } from 'zent';
const CheckboxGroup = Checkbox.Group;

class App extends React.Component {

	state = {
		checkedList: []
	}

	onChange = (checkedList) => {
		this.setState({ checkedList });
	}

	render() {
		const { checkedList } = this.state;

		return (
			<div>
				<CheckboxGroup value={checkedList} onChange={this.onChange}>
					<Checkbox value="Apple">{i18n.apple}</Checkbox>
					<Checkbox value="Pear">{i18n.pear}</Checkbox>
					<Checkbox value="Orange">{i18n.orange}</Checkbox>
					<Checkbox value="OrangeDisabled" disabled>{i18n.rottenOrange}</Checkbox>
				</CheckboxGroup>
			</div>
		);
	}
}

ReactDOM.render(
	<App />
	, mountNode
);
```