ant-design/components/checkbox/demo/basic.md

---
order: 0
title:
  zh-CN: 基本用法
  en-US: Basic
---

## zh-CN

简单的 checkbox。

## en-US

Basic usage of checkbox.

```jsx
import { Checkbox } from 'antd';

function onChange(e) {
  console.log(`checked = ${e.target.checked}`);
}

export default () => <Checkbox onChange={onChange}>Checkbox</Checkbox>;
```
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
docs: tranlsation of Checkbox (#2740) 2016-08-18 11:22:55 +08:00			`title:`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			`zh-CN: 基本用法`
			`en-US: Basic`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
add checkbox 2015-07-15 15:19:24 +08:00
docs: tranlsation of Checkbox (#2740) 2016-08-18 11:22:55 +08:00			`## zh-CN`

add checkbox 2015-07-15 15:19:24 +08:00			`简单的 checkbox。`

docs: tranlsation of Checkbox (#2740) 2016-08-18 11:22:55 +08:00			`## en-US`

			`Basic usage of checkbox.`

:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```jsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Checkbox } from 'antd';`

Merge 2015-07-16 13:36:04 +08:00			`function onChange(e) {`
style: update code style to please lint 2016-02-17 18:04:42 +08:00			console.log(`checked = ${e.target.checked}`);
add checkbox 2015-07-15 15:19:24 +08:00			`}`

docs: demo support react18 (#34843) * docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo 2022-04-03 23:27:45 +08:00			`export default () => <Checkbox onChange={onChange}>Checkbox</Checkbox>;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```