Disable div 的办法

最新推荐文章于 2025-01-03 16:34:19 发布

原创最新推荐文章于 2025-01-03 16:34:19 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用JQuery来禁用和启用div容器内的所有输入元素，包括文本框、选择框和按钮等，通过设置或移除'disabled'属性实现，适用于网页前端开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

由于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'); },