jquery按钮禁用

禁用按钮的基本方法

使用jQuery禁用按钮可以通过设置disabled属性实现。以下是常见的禁用方式：

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

通过类名禁用多个按钮

如果需要禁用多个具有相同类名的按钮：

$(".buttonClass").prop("disabled", true);

表单提交时禁用按钮

在表单提交事件中禁用提交按钮，防止重复提交：

$("form").submit(function() {
    $(":submit", this).prop("disabled", true);
});

启用已禁用的按钮

要重新启用被禁用的按钮：

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

检查按钮禁用状态

判断按钮是否处于禁用状态：

if ($("#buttonId").prop("disabled")) {
    // 按钮已被禁用
}

使用attr()方法（旧版兼容）

在jQuery 1.6之前的版本中，可以使用attr()方法：

$("#buttonId").attr("disabled", "disabled");  // 禁用
$("#buttonId").removeAttr("disabled");        // 启用

注意事项

• prop()方法比attr()更推荐用于布尔属性如disabled
• 禁用按钮会阻止其触发任何点击事件
• 按钮禁用后表单数据中将不包含该按钮的值