jquery设置按钮不可用

使用 prop 方法禁用按钮

通过设置 disabled 属性为 true 来禁用按钮：

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

此方法直接修改 DOM 属性，适用于大多数场景。

使用 attr 方法禁用按钮

早期 jQuery 版本中常用 attr 方法，但推荐优先使用 prop：

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

注意：attr 操作的是 HTML 属性，可能在某些动态场景下表现不一致。

通过添加 CSS 类增强视觉反馈

禁用时可同时添加样式类，提示用户按钮状态：

$("#buttonId").prop("disabled", true).addClass("disabled-button");

对应的 CSS 示例：

.disabled-button {
  opacity: 0.6;
  cursor: not-allowed;
}

动态切换按钮状态

根据条件启用或禁用按钮：

if (condition) {
  $("#buttonId").prop("disabled", true);
} else {
  $("#buttonId").prop("disabled", false);
}

注意事项

• 使用 prop 方法时，值应为布尔类型（true/false）。
• 表单提交时，被禁用的按钮数据不会发送到服务器。
• 若需兼容旧版 jQuery（<1.6），需测试 attr 与 prop 的差异。