使用切换锁定/解锁表单

Question

我正在寻找一种方法让一个按钮来填充表格的字段。使用切换按钮“锁定”表单时，无法输入数据。当应该允许键入“解锁”数据时。我想用此实现的目的很简单，避免用户意外输入。

我找到了下面的代码并且它有效。唯一的问题是它只适用于一个输入字段。我希望它可以用于更多那个。

<input type="checkbox" id="yourBox">
<input type="text" id="yourText">
<script>
document.getElementById('yourBox').onchange = function() {
    document.getElementById('yourText').disabled = this.checked;
};
</script>

Answer 1

使用CSS类标记要禁用的字段，然后使用jQuery禁用它们。

jQuery - Disable Form Fields

如果你想要一个纯粹的Javascript解决方案，只需重复这一行

document.getElementById('yourText').disabled = this.checked;

每个字段

。

或者，您可以执行以下操作：How to Get Element By Class in JavaScript?。请注意，您可以将多个CSS类分配给同一个字段，因此请指定另一个类来标识需要禁用的字段。