javascript - 如何使用 JavaScript 将文本框设置为只读

Question

当使用 JavaScript 单击按钮时，如何使文本框只读？ 我尝试过不同的脚本，例如:

document.getElementById("text").readonly="on";

但由于 readonly 是一个 bool 值，我认为它不起作用。

我会使用 document.getElementById 还是其他什么？我可以使用一个脚本以 readonly 的形式制作所有文本框，还是我需要为每个文本框创建一个单独的脚本？ 这可以使用 CSS 完成吗？
谢谢!

Answer 1

document.getElementById("text").readonly='readonly';

Javascript 不使用 on/off，它通常使用 true/false。一些属性，如“checked”和“disabled”是文字开关，如上所述。

如果您想处理通常使用类名的输入组，请将相同的类应用于您想要影响的输入。

您可以使用纯 JavaScript 执行此操作，但您必须循环遍历这些值:

var fields = document.getElementsByClassName('something');
for(var x=0;x<fields.length;x++) {
     fields[x].setAttribute('readonly','readonly');
}

转而使用 jQuery 有很多好处，因为它可以在一个紧凑的行中完成:

$('.something').attr('readonly','readonly');