<div id="left">
        <table id="tableCinema" style="border-collapse: collapse;" border="1" >
            <tr>
                <th >Type</th>
                <th >Name</th>
                <th >Time</th>
            </tr>
            <tr>
                <td >1</td><td >*</td><td >*</td>
            </tr>
            <tr>
                <td >2</td><td >*</td><td >*</td>
            </tr>
            <tr>

                <td >3</td><td >*</td><td >*</td>
            </tr>
            <tr>
                <td >4</td><td >*</td><td >*</td>
            </tr>
        </table>

        Change: <input id="changes" type="checkbox" name="" onclick="eventsInTable()"><br>
        Get text for change: <input id="changeText" type="text" name="" value="">

        <button id="applyToChanges">Apply</button>

    </div>

var changeText = function(e){
    var inputChangeText, applyChanges, blockTd;
    inputChangeText = document.getElementById('changeText');
    applyChanges = document.getElementById('applyToChanges');

    inputChangeText.value = e.target.textContent;
    applyChanges.addEventListener('click', function(){
        e.target.textContent = inputChangeText.value;
    }, false);
}


function eventsInTable(){
    var checkBoxChanges = document.getElementById('changes');
    var table = document.getElementById('tableCinema');

    if (checkBoxChanges.checked) {
        table.addEventListener('click', changeText, false);
    } else {
        table.removeEventListener('click', changeText, false);
        alert("You haven't access to change");
    }
}