Checkboxes and Drag and Drop using Javascript

jstree-checkboxes-dnd.js

$(document).ready(function() {
  $('#advancedTree').jstree({
    'plugins': ['checkbox', 'dnd'],
    'core': {
      'data': [
        {
          "text": "Documents",
          "state": { "opened": true },
          "children": [
            { "text": "Project.docx", "type": "file" },
            { "text": "Report.pdf", "type": "file" },
            { 
              "text": "Images", 
              "children": [
                { "text": "photo1.jpg", "type": "file" },
                { "text": "photo2.png", "type": "file" }
              ]
            }
          ]
        },
        {
          "text": "Music",
          "children": [
            { "text": "song1.mp3", "type": "file" },
            { "text": "song2.mp3", "type": "file" }
          ]
        }
      ]
    },
    'checkbox': {
      'keep_selected_style': false
    },
    'types': {
      'file': {
        'icon': 'fa fa-file'
      }
    }
  });

  // Handle checkbox selections
  $('#advancedTree').on('changed.jstree', function(e, data) {
    console.log('Selected nodes:', data.selected);
  });
});