```html
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CheckBox.aspx.cs" Inherits="EasyUITest.Demo.tree.CheckBox" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>CheckBox Tree - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../../Styles/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="../../../Styles/icon.css"/>
<link rel="stylesheet" type="text/css" href="../../../Styles/demo.css"/>
<script type="text/javascript" src="../../../Scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../../Scripts/jquery.easyui.min.js"></script>
</head>
<body>
<h2>CheckBox Tree</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Tree nodes with check boxes.</div>
</div>
<div style="margin:10px 0;">
<a href="#" class="easyui-linkbutton" onclick="getChecked()">GetChecked</a>
<br/>
<input type="checkbox" checked onchange="$('#tt').tree({cascadeCheck:$(this).is(':checked')})"/>CascadeCheck
<input type="checkbox" onchange="$('#tt').tree({onlyLeafCheck:$(this).is(':checked')})"/>OnlyLeafCheck
</div>
<ul id="tt" class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true,checkbox:true"></ul>
<script type="text/javascript">
function getChecked() {
var nodes = $('#tt').tree('getChecked');
var s = '';
for (var i = 0; i < nodes.length; i++) {
if (s != '') s += ',';
s += nodes[i].text;
}
alert(s);
}
</script>
</body>
</html>
```
