如果你想禁用指针事件，它很容易处理

document.getElementById("appliedDatepicker").style.pointerEvents = "none";

or

如果你想启用，

document.getElementById("appliedDatepicker").style.pointerEvents = "auto";

使用JQuery这样的框架来做以下事情:

function toggleStatus() {
    if ($('#toggleElement').is(':checked')) {
        $('#idOfTheDIV :input').attr('disabled', true);
    } else {
        $('#idOfTheDIV :input').removeAttr('disabled');
    }   
}

禁用和启用输入元素在一个Div块使用jQuery应该帮助你!

从jQuery 1.6开始，禁用功能应该使用。prop而不是。attr。

测试浏览器:IE 9、Chrome、Firefox和jquery-1.7.1.min.js

    $(document).ready(function () {
        $('#chkDisableEnableElements').change(function () {
            if ($('#chkDisableEnableElements').is(':checked')) {
                enableElements($('#divDifferentElements').children());
            }
            else {
                disableElements($('#divDifferentElements').children());
            }
        });
    });

    function disableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = true;

            disableElements(el[i].children);
        }
    }

    function enableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = false;

            enableElements(el[i].children);
        }
    }

HTML输入控件可以使用'disabled'属性禁用。一旦为输入控件设置了'disabled'属性，就不会调用与该控件关联的事件处理程序。

如果你愿意，你必须模拟上述行为的HTML元素，不支持'disabled'属性，如div。

如果你有一个div，你想要在这个div上支持点击或一个键事件，那么你必须做两件事: 1)当你想禁用div时，像往常一样设置它的disabled属性(只是为了遵守约定) 2)在你的div的点击和/或键处理程序中，检查是否在div上设置了disabled属性。如果是，那么忽略点击或键事件(例如，立即返回)。如果未设置disabled属性，则执行div的单击和/或键事件逻辑。

以上步骤也是浏览器独立的。

您可以使用这个简单的CSS语句禁用事件

#my-div {
    pointer-events:none;
}

禁用属性不是DIV元素的W3C规范的一部分，只是表单元素的一部分。

Martin建议的jQuery方法是实现这一目标的唯一万无一失的方法。