# 可选择

- order: 1

提供复选框操作功能。

---

````jsx
var Tree = antd.Tree;
var TreeNode = Tree.TreeNode;
function handleCheck(checked, c, checkedKeys) {
  console.log('checked: ', checked, c );
}

React.render(
  <Tree defaultExpandAll={true} checkable={<span className="ant-tree-checkbox-inner"></span>} onCheck={handleCheck}>
    <TreeNode title="parent 1">
      <TreeNode>leaf</TreeNode>
      <TreeNode title="parent 1-1">
        <TreeNode title="parent 2-1">
          <TreeNode>leaf</TreeNode>
          <TreeNode>leaf</TreeNode>
        </TreeNode>
        <TreeNode>leaf</TreeNode>
        <TreeNode>leaf</TreeNode>
      </TreeNode>
    </TreeNode>
    <TreeNode>leaf</TreeNode>
    <TreeNode>leaf</TreeNode>
  </Tree>
, document.getElementById('components-tree-demo-checkbox'));
````