Question

我想在javascript中对这些文本框进行只读。 Readonly属性适用于单个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";

如何将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;
}

如何在javascript中将readonly应用于一组文本框

1 个答案: