使用jQuery禁用/启用输入？

$input.disabled = true;

$input.disabled = "disabled";

哪一种是标准方式？相反，如何启用禁用的输入？

当前回答

$("input")[0].disabled = true;

$("input")[0].disabled = false;

2014-09-06 14:53:40

其他回答

<html>
<body>

Name: <input type="text" id="myText">



<button onclick="disable()">Disable Text field</button>
<button onclick="enable()">Enable Text field</button>

<script>
function disable() {
    document.getElementById("myText").disabled = true;
}
function enable() {
    document.getElementById("myText").disabled = false;
}
</script>

</body>
</html>

2015-09-26 10:22:38

像这样使用，

 $( "#id" ).prop( "disabled", true );

 $( "#id" ).prop( "disabled", false );

2018-10-31 08:38:36

您可以使用jQuery prop（）方法动态禁用或启用表单元素或控件。prop（）方法需要jQuery1.6及更高版本。

例子：

<script type="text/javascript">
        $(document).ready(function(){
            $('form input[type="submit"]').prop("disabled", true);
            $(".agree").click(function(){
                if($(this).prop("checked") == true){
                    $('form input[type="submit"]').prop("disabled", false);
                }
                else if($(this).prop("checked") == false){
                    $('form input[type="submit"]').prop("disabled", true);
                }
            });
        });
    </script>

2018-08-02 10:26:25

禁用输入字段的另一种方法是使用jQuery和css，如下所示：

jQuery("#inputFieldId").css({"pointer-events":"none"})

并且为了实现相同的输入，代码如下：

jQuery("#inputFieldId").css({"pointer-events":""})

2021-03-02 09:19:02

我使用@gnarf答案并将其添加为函数

   $.fn.disabled = function (isDisabled) {
     if (isDisabled) {
       this.attr('disabled', 'disabled');
     } else {
       this.removeAttr('disabled');
     }
   };

然后像这样使用

$('#myElement').disable(true);

2017-11-16 10:24:59

使用jQuery禁用/启用输入？

推荐文章

最新文章

标签