javascript - 完全禁用输入字段

Question

我在显示欠款的表格上有输入。基本上，如果欠款为零，我会添加一个名为“paid”的特殊类，并且可以使用 jquery进行$(".paid") 。所有这一切都运作良好。

问题是，我如何防止用户点击或输入文本或使用这些输入做任何其他事情？

到目前为止，这是我的幻想。

function disablepaid(){
    $(".paid").on("click", function(){
        alert("Do disabling stuff now");
    });
}

在其他一些帖子中，我看到人们尝试使用jquery blur()并设置 disabled 属性，如此处所示如何将输入字段和提交按钮变灰

请指教，谢谢。

Answer 1

您可以disabled在输入上设置属性..

就像是：

    function disablepaid(){
        $(".paid").on("click", function(){
            alert("Do disabling stuff now");
            $(this).prop('disabled', true);
        });
    }

如果您需要在任何时候重新启用它，那么：

    $(".paid").prop('disabled', false);

更新

此外，与其让用户点击付费输入字段然后禁用它，为什么在设置零金额时不禁用它呢？

Answer 2

只需使用prop()并将 disabled 属性设置为true

$(".paid").on("click", function(){
        $(this).prop('disabled', true);

        // or  
        this.disabled = true; 
});

Answer 3

您可以禁用输入

$(".paid").attr("disabled", "disabled");