禁用和启用所有按钮的最佳做法

Question

这是禁用和启用所有按钮的最佳做法吗？

$("input[type=button]").attr("disabled", "disabled");
$("input[type=button]").removeAttr("disabled");

或

$(":button").on('click',function() {
   $(this).prop("disabled",true);
});
$(":button").on('click',function() {
   $(this).prop("disabled",false);
});

或其他什么？

Answer 1

来自jQuery文档，http://api.jquery.com/prop/#entry-longdesc-1：

  

属性通常会影响DOM元素的动态状态   更改序列化的HTML属性。例子包括价值   输入元素的属性，输入的禁用属性和   按钮，或复选框的选中属性。 .prop（）方法   应该用来设置禁用和检查而不是.attr（）   方法

因此，您应该使用.prop("disabled", true)或.prop("disabled", false)

Answer 2

$("input[type=button]").attr("disabled", "disabled");
$("input[type=button]").removeAttr("disabled");

看起来很不错，但你可能需要某种类型的事件，比如点击或提交或我想的等价物。