Disable div 的办法

最新推荐文章于 2022-11-03 16:35:08 发布

炼气散人

最新推荐文章于 2022-11-03 16:35:08 发布

阅读量3.4w

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/csfreebird/article/details/8188330

版权

Web前端专栏收录该内容

34 篇文章 0 订阅

订阅专栏

由于div没有disabled属性，因此不能简单的通过设置disabled属性达到效果。

通常div中包含了用于输入的tag，比如文本框，选择框，按钮等。因此问题转化为disabled div中的input tag.

这就很简单了。

通过JQuery 选择器将div下的所有的input进行属性设置，添加或者删除disabled属性。

参考下面我的例子代码：

	disablePowerConfig: function () {
		$("#powerConfig :input").attr('disabled', true);
	},

	disableSignMessageConfig: function () {
		$("#signMessageConfig :input").attr('disabled', true);
	},

	enablePowerConfig: function () {
		$("#powerConfig :input").removeAttr('disabled');
	},

	enableSignMessageConfig: function () {
		$("#signMessageConfig :input").removeAttr('disabled');
	},