使用重置按钮禁用HTML表单元素

Question

我想知道是否可以使用“重置”按钮禁用表单元素或一组表单元素。详细说明：我有一个带有复选框和相关下拉列表的表单（'select'元素，size = 1）。当我选中其中一个复选框时，会启用相应的下拉列表。当我取消选中该框时，相应的下拉列表将被禁用。

但是当我点击重置按钮时，所有复选框都会自动取消选中，同时相应的下拉菜单仍然保持启用状态。除了编写一个自己的函数之外，是否有另一个选项可以禁用它们，这些函数将迭代下拉列表，禁用每个函数并将此函数分配给表单的'onreset'事件？

亲切的问候 Ewgenij

Answer 1

你的意思是这样的吗？：

$('#reset').click(function(){
       $("#target input").prop("disabled", true);
});

好吧，要在不取消选中的情况下禁用表单，该功能可以正常工作。见here

但也许我明白错了。在这种情况下，作者的一些代码将是有用的。

Answer 2

表单重置后，您只需要运行JavaScript函数。 也就是说，跟踪隐藏字段中元素的状态，并在重置后使用这些值来禁用或启用。

禁用代码非常简单。

document.getElementById（“[表单元素ID]”。disable = true;