javascript - 如何将只读应用于javascript中的文本框组

Question

我想在 javascript 中将这些文本框设置为只读。只读属性适用于单个 javascript 的多个文本框。怎么做。

 <div class="box-body" id="readonly_owner">
           <label for="owner_deviceid">Owner Device Id</label>
           <input type="text" class="form-control readonly_owner" id="owner_deviceid">
           <label for="owner_name">Owner Name</label>
           <input type="text" class="form-control readonly_owner" id="owner_name">
    </div>

我像这样使用 javascript，或者有一个选项可以将此属性应用于类。我正在使用 getElementsByClassName() 但它不起作用

document.getElementById('readonly_owner').readOnly ="readonly";

如何将只读属性应用于一组文本框并删除只读属性

Answer 1

使用 jQuery，您可以在一行中完成此操作:

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

或者不用 jQuery:

var items = document.getElementsByClassName('readonly_owner');
for(var i = 0; i < items.length; i += 1) {
    items[i].readOnly = true;
}