Как добавить атрибут readonly во все поля ввода с помощью javascript?

Я хочу добавить атрибут readonly во все поля ввода, используя javascript. Я сделал для одного поля ввода, используя этот $('#someid').prop('readonly', true); но я хочу добавить ко всем полям ввода в режиме редактирования.

Поля ввода

 
<input name="Barcode" id="Barcode" class="form-control" value="" placeholder="Barcode">
<input name="ApplicantName" id="ApplicantName" class="form-control" value="" placeholder="ApplicantName">
<input name="SubBarcode" id="SubBarcode" class="form-control" value="" placeholder="Reference No">
<input name="ClientName" id="ClientName" class="form-control" value="" placeholder="Client Name">
<input name="ClientRefNo" id="ClientRefNo" class="form-control" value="" placeholder="Client Reference No">
<input name="DateOfBirth" id="DateOfBirth" class="datetimepicker-month form-control" value="" placeholder="Date Of Birth">
<input name="PassportNo" id="PassportNo" class="datetimepicker-month form-control" value="" placeholder="Passport No">
<input name="AKAName" id="AKAName" class="datetimepicker-month form-control" value="" placeholder="AKAName">
<input name="Gender" id="Gender" class="datetimepicker-month form-control" value="" placeholder="Gender">
<input name="Nationality" id="Nationality" class="datetimepicker-month form-control" value="" placeholder="Nationality">
<input name="ArabicName" id="ArabicName" class="datetimepicker-month form-control" value="" placeholder="Arabic Name">

Есть ли короткий способ, которым я могу динамически добавлять атрибут только для чтения во все поля ввода.

Вы можете использовать селектор элементов с селектором значений атрибута, чтобы выбрать все текстовые поля и применить свойство readonly ко всем выбранным элементам.

 $('input[type="text"]').prop('readonly', true); 

Чтобы выбрать все текстовые поля в форме

 $('yourFormSelector input[type="text"]').prop('readonly', true); 

В качестве альтернативы селектору значений атрибутов вы также можете использовать :text селектор :text для выбора всех текстовых полей.

 $(':text').prop('readonly', true); 

Вы можете использовать class для этого

 $('.form-control').prop('readonly', true); 

вы можете указать общий class (рекомендуется) или просто глобально настроить все элементы ввода в форме (не рекомендуется)

 $('input[type="text"]').prop('readonly', true); 

Попробуй это:

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

ИЛИ вы можете использовать это:

$ (‘. classname’). prop (‘readonly’, true);