JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" onclick="check(this);">
<div class="draggable">Draggable div 1</div>
<div class="draggable">Draggable div 2</div>

JavaScript

window.addEvent('domready',function() {
    var z = 2;
    $$('.draggable').each(function(e) {
        var drag = new Drag.Move(e,{
            grid: false,
            preventDefault: true,
            onStart: function() {
                e.setStyle('z-index',z++);
            }
        });
        e.store('Drag', drag);
    });
});

function check(tag){
    var drags = $$(".draggable").retrieve('Drag');
    
    if(tag.checked) {
        drags.each(function(drag) {
            drag.detach();
        });
    }
    else {
        drags.each(function(drag) {
            drag.attach();
        });
    }
}