直接修改表单元素的disabled属性可控制禁用状态：设为true禁用，false或移除即启用；批量操作可用querySelectorAll选中后遍历赋值；注意hidden字段通常无需禁用，fieldset禁用会递归影响子元素，readonly仅限input/textarea且内容仍可选中。

直接修改表单元素（如 input、select、textarea、button）的 disabled 属性即可控制禁用状态。

通过 disabled 属性设置禁用/启用

该属性是布尔属性，设为 true 即禁用，设为 false 或移除该属性即启用：

• 禁用节点：element.disabled = true;
• 启用节点：element.disabled = false;
• 也可用 element.removeAttribute('disabled') 启用，但推荐用赋值方式，更直观可靠

获取并修改多个表单控件

常需批量操作，例如禁用整个表单或某组字段：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 选中所有 input、select、textarea、button：
  const fields = form.querySelectorAll('input, select, textarea, button');
• 遍历并统一设为禁用：
  fields.forEach(el => el.disabled = true);
• 注意：隐藏域（type="hidden"）通常无需禁用，可过滤掉：
  el.type !== 'hidden'

响应式切换（如根据复选框状态动态控制）

常见于“同意条款后才允许提交”等场景：

立即学习“Java免费学习笔记（深入）”；

• 监听复选框变化：
  agreeCheckbox.addEventListener('change', () => { submitBtn.disabled = !agreeCheckbox.checked; });
• 初始状态也要同步设置，避免页面加载后状态不一致
• 禁用时建议配合 UI 提示（如灰显、加提示文字），仅靠 disabled 不保证视觉反馈

注意表单控件的特殊行为

部分元素对 disabled 的响应有细节差异：

• fieldset 禁用时，其内部所有可交互子元素自动禁用（包括嵌套的 input），适合整块控制
• readonly 不同于 disabled：内容可读可选中，但不可编辑；且 readonly 只适用于 input 和 textarea
• 被禁用的元素不会触发表单提交事件，也不会被包含在 FormData 中（即使有 name 属性）