$(function () {
$('#html14').on('select_node.jstree', function (e, data) {
data.instance.toggle_node(data.node);
});
$("#html14").jstree({
"core" : {
"themes" : {
"variant" : "large",
"responsive" : true
}
},
"checkbox" : {
"keep_selected_style" : false,
"visible" : true,
"three_state": false,
},
"plugins" : [ "checkbox", "html_data" ]
});
});
$('.btnGetCheckedItem').click(function(){
//var checked_ids = [];
//var selectedNodes = $('#html14').jstree("get_selected", true);
//$.each(selectedNodes, function() {
//});
var selectedElmsIds = [];
var selectedElms = $('#html14').jstree("get_selected", true);
$.each(selectedElms, function() {
});
// You can assign checked_ids to a hidden field of a form before submitting to the server
$('#jsfields').text(selectedElmsIds);
//document.getElementById("jsfields").value = checked_ids;
document.getElementById('jsfields2').value = selectedElmsIds.join(",");
});
</script>
</div>
</div>
</div>
<input class="btnGetCheckedItem" value="Get all checked items" type="button" />
<input type="hidden" name="jsfields2" id="jsfields2" value="" />
<input type="submit" class="btnGetCheckedItem2">