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

我想用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>

---

如何将readonly属性应用于文本框组，以及如何使用jQuery删除readonly属性，只需一行即可：

$('.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;
}

var items=document.getElementsByClassName（'readonly_owner'）；
对于（变量i=0；i

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