javascript - 禁用在 Internet Explorer 中不起作用但在 Chrome 中起作用的复选框

Question

我想为少数用户禁用数据表中的复选框，当我通过 IE 打开链接时，这些用户可以对复选框进行更改，而我在 Chrome 中没有看到任何问题，它按预期工作。用户无法选中这些框。

下面是代码

if(getURLParam("filetype"))
    {
        $(".disablePage").addClass('disabledbutton');
        $("#picklistBody").addClass('disabledbutton');
        $("#STATUSDIVID").removeAttr('class').addClass('div-warning').html("This page is view only!");  
    }   

您能否告诉我如何限制用户在 IE 中打开链接时选中这些框。

Answer 1

如果您只是想让用户无法选中复选框，请根据 Jquery 版本使用 attr 或 prop 来禁用它们:

$("input[type=checkbox]").prop("disabled", true);

这将找到页面上的所有复选框并禁用它们。如果您只想禁用某些复选框，则可能需要稍微修改它。

此外，我还发现您在不允许使用按钮时为按钮添加了禁用类。这仍然允许用户单击该按钮，尽管它们的样式设置为不可单击。确保也禁用该按钮:

$(".disablePage").addClass('disabledbutton').prop("disabled", true);
$("#picklistBody").addClass('disabledbutton').prop("disabled", true);

编辑:完整代码

if(getURLParam("filetype")) {
        // Disable the buttons
        $(".disablePage").addClass('disabledbutton').prop("disabled", true);
        $("#picklistBody").addClass('disabledbutton').prop("disabled", true);

        // Disable all checkboxes
        $("input[type=checkbox]").prop("disabled", true);

        $("#STATUSDIVID").removeAttr('class').addClass('div-warning').html("This page is view only!");  
    }