禁用/启用jQuery输入?

JavaScript

阿飞小卤蛋

2020-03-09

$input.disabled = true;

要么

$input.disabled = "disabled";

哪种标准方法?相反,如何启用禁用的输入?

第198篇《禁用/启用jQuery输入?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

6个回答
神无伽罗 2020.03.09
<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>
小宇宙Near 2020.03.09

这样使用

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

    $( "#id" ).prop( "disabled", false );
A小卤蛋Pro 2020.03.09

方法4(这是野生编码器答案的扩展

txtName.disabled=1     // 0 for enable
<input id="txtName">

L路易 2020.03.09

这对我有用

$("#values:input").attr("disabled",true);
$("#values:input").attr("disabled",false);
木禾 2020.03.09

使用它们的方法有很多,您可以启用/禁用任何元素

方法1

$("#txtName").attr("disabled", true);

方法2

$("#txtName").attr("disabled", "disabled");

如果您使用的是jQuery 1.7或更高版本,请使用prop()而不是attr()。

$("#txtName").prop("disabled", "disabled");

如果您希望启用任何元素,则只需要执行与禁用它相反的操作即可。但是,jQuery提供了另一种删除任何属性的方法。

方法1

$("#txtName").attr("disabled", false);

方法2

$("#txtName").attr("disabled", "");

方法3

$("#txtName").removeAttr("disabled");

同样,如果您使用的是jQuery 1.7或更高版本,请使用prop()而不是attr()。那是。这是使用jQuery启用或禁用任何元素的方式。

小小Stafan宝儿 2020.03.09
$("input")[0].disabled = true;

要么

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android