jquery按钮禁用

jQuery 按钮禁用方法

使用 jQuery 可以轻松禁用或启用按钮，主要通过 prop() 或 attr() 方法实现。以下是几种常见方法：

禁用按钮

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

或

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

启用按钮

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

或

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

动态切换禁用状态

通过条件判断动态控制按钮状态：

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

批量禁用按钮

禁用同一类别的所有按钮：

$(".btn-class").prop("disabled", true);

注意事项

• prop() 方法更推荐用于布尔属性（如 disabled），而 attr() 适用于 HTML 属性操作。
• 禁用后按钮会变灰且无法触发事件，但表单提交时仍会包含其值。