code

<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="scripts/gettheme.js"></script>
<script type="text/javascript" src="scripts/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="jqwidgets/jqxpanel.js"></script>
<script type="text/javascript" src="jqwidgets/jqxtree.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcheckbox.js"></script>



<script type="text/javascript">

    $(document).ready(function () {
        // Create jqxTree
        var theme = getTheme();
        // create jqxTree
        $('#jqxTree').jqxTree({ height: '400px', hasThreeStates: true, checkboxes: true, width: '230px', theme: theme });
        $('#jqxCheckBox').jqxCheckBox({ width: '200px', height: '25px', checked: true, theme: theme });
        $('#jqxCheckBox').bind('change', function (event) {
            var checked = event.args.checked;
            $('#jqxTree').jqxTree({ hasThreeStates: checked });
        });
        $("#jqxTree").jqxTree('selectItem', $("#home")[0]);
        //display doc sections content at the click event
         var docSections =new Object();

        <%HashMap<Integer, String> contentMap=(HashMap<Integer, String>)request.getSession().getAttribute("docSecContentMap");

        for (Map.Entry entry : contentMap.entrySet()) {
            %>
            docSections["<%=entry.getKey()%>"]="<%=entry.getValue()%>";

            <%
                }

            %>


        $('#jqxTree').bind('select', function (event) {
            var args = event.args;
            var item = $('#jqxTree').jqxTree('getItem', args.element);


           /// var docContentMap=document.getElementById(item.value).value;
            //document.getElementById('td1').value = docContentMap;
            document.getElementById('td1').value = docSections[item.value];
            //var docSecContentMap;
            //$('#td1').val(item.value);

        });

    });