jQuery –如何禁用页面上的所有控件

由于某种原因，我不得不禁用客户端页面上的所有控件。因此，我已经使用jQuery实现了它：

下面的jQuery代码将在单击名为“ btnDisable”的按钮时被调用，并为页面上的所有控件设置“ disabled”属性，这将依次禁用包括按钮“ btnDisable”的所有控件。

$(document).ready(function() {
 $("#btnDisable").click(function(e) {
 $("*").attr("disabled", "disabled");
 e.preventDefault();
 });
 });

但是代码存在一个问题，即现在没有方法或事件可以处理以启用控件。
要处理此问题，可以使用2个单独的按钮，也可以使用同一个按钮来启用和禁用控件。若要对两个操作使用相同的按钮，请使用切换事件，而不是单击事件。“切换”将两个或多个处理程序绑定到匹配的元素，以在单击时执行。

因此，使用切换时，需要指定2个不同的事件处理程序。您还可以指定两个以上的事件处理程序。如果提供了两个以上的处理程序，则。toggle()将在所有这些中循环。例如，如果有三个处理程序，则将在第一次单击，第四次单击，第七次单击等时调用第一个处理程序。

因此，在第一个事件处理程序中，
首先将禁用属性设置为所有控件。
之后，从按钮中删除禁用的属性。
并将按钮的文本设置为“ Enable”。

第二个事件处理程序，
首先从所有控件中删除禁用的属性。
并将按钮的文本设置为“禁用”。

$(document).ready(function() {
$("#btnDisable").toggle(function(){
$("*").attr("disabled", "disabled");
$(this).removeAttr("disabled");
$(this).val("Enable");
}, function(){
$("*").removeAttr("disabled");
$(this).val("Disable");
});
 });