禁用网页上的所有表单控件

Question

禁用网页上所有表单控件的最佳方法是什么？我已经读过这不能通过CSS完成，但如果可能的话，这将是我的首选。如果能让生活更轻松，我也可以访问jQuery。

Answer 1

$("form :input").attr("disabled","disabled");

:input选择所有表单控件，包括input，textarea，select和button元素。

如果你想要禁用表单之外的表单元素，只需省略上面的'form`选择器。

Answer 2

@ karim79对他的CSS选择器是正确的，但是约定调用了jquery .prop（）函数（参见docs here）。

所以我建议......

$("form :input").prop("disabled",true);

Here是一种类似的情况，其中.prop（）函数是合适的。

希望这有帮助！

Answer 3

U可以使用下面的一个禁用所有输入类型区域。

jQuery 1.5及以下

任何文字框 - $("input[type=text]").attr('disabled', true);
任何单选按钮 - $("input[type=radio]").attr('disabled', true);
任何复选框 - $("input[type=checkbox]").attr('disabled',true);

jQuery 1.6 +

任何文字框 - $("input[type=text]").prop('disabled', true);
任何单选按钮 - $("input[type=radio]").prop('disabled', true);
任何复选框 - $("input[type=checkbox]").prop('disabled',true);