title: kendo ui get id of checkbox when unchecked
body: <p>i am using kendo ui tree view with check box</p>
  
  <p>i want the check box's id when it is getting unchecked </p>
  
  <p>this is kendo ui mine code</p>
  
  <pre><code>// var homogeneous contains data
  
  $("#treeview").kendoTreeView({
      checkboxes: {
          checkChildren: false,
          template:"# if(!item.hasChildren){# &lt;input type='hidden' id='#=item.id#' parent_id='#=item.parent_id#' d_text='#=item.value#'/&gt; &lt;input type='checkbox' id_a='#= item.id #' name='c_#= item.id #' value='true' /&gt;#}else{# &lt;div id='#=item.id#' style='display:none;' parent_id='#=item.parent_id#' d_text='#=item.value#'/&gt; #}#",
  
      },
      dataSource: homogeneous,
      dataBound: ondata,
      dataTextField: "value"
  });
  
  function ondata() {
     //alert("databound");
  }   
  
  
  // function that gathers IDs of checked nodes
  function checkedNodeIds(nodes, checkedNodes) {
      //console.log(nodes);
      for (var i = 0; i &lt; nodes.length; i++) {
          if (nodes[i].checked) {
              checkedNodes.push(nodes[i].id);
          }
  
          if (nodes[i].hasChildren) {
              checkedNodeIds(nodes[i].children.view(), checkedNodes);
          }
      }
  }
  
  // show checked node IDs on datasource change
  $("#treeview").data("kendoTreeView").dataSource.bind("change", function() {
      var checkedNodes = [],
          treeView = $("#treeview").data("kendoTreeView"),
          message;
  
      checkedNodeIds(treeView.dataSource.view(), checkedNodes);
      if (checkedNodes.length &gt; 0) {
          message = "IDs of checked nodes: " + checkedNodes.join(",");
      } else {
          message = "No nodes checked.";
      }
  
      $("#result").html(message);
  });
  </code></pre>
  
  <p>in this code i am not getting checkbox's id when it is unchecked so i have tried this
  jquery code</p>
  
  <pre><code>$('input[type=checkbox]').click(function() {
      if($(this).is(':checked')) {
         alert('checked');
      } else {
          alert('not checked');
      }
  });
  </code></pre>
  
  <p>this code is only working in js fiddle but not in my case <a href="http://jsfiddle.net/NPUeL/" rel="nofollow">http://jsfiddle.net/NPUeL/</a></p>
  
  <p>if i use this code then i can get the number of count but i dont know how to use it</p>
  
  <pre><code>    var treeview = $("[data-role=treeview]").data("kendoTreeView");
      treeview.dataSource.bind("change", function (e) {
          if (e.field == "checked") {
              console.log("Recorded Selected: " + $("[data-role=treeview] :checked").length);
          }
      });
  </code></pre>
  
  <p>what changed i need to do in data source so i can get id
  thanks in adavance</p>