Wie kann ich readonly-Attribut auf alle Eingabe-Felder mit javascript?

Möchte ich hinzufügen, readonly-Attribut auf alle Eingabe-Felder mit javascript. Ich habe getan, für single-input-Feld mit dieser $('#someid').prop('readonly', true); aber ich möchte hinzufügen, um alle input-Feld in den Bearbeiten-Modus.

Eingabefelder

<div class="form-group">
    <label for="Barcode">Barcode: </label>
    <input name="Barcode" id="Barcode" class="form-control" value="<?=$data['Barcode']?>" placeholder="Barcode">
</div>
<div class="form-group">
    <label for="ApplicantName">ApplicantName: </label>
    <input name="ApplicantName" id="ApplicantName" class="form-control" value="<?=$data['ApplicantName']?>" placeholder="ApplicantName">
</div>
<div class="form-group">
    <label for="SubBarcode">Reference No: </label>
    <input name="SubBarcode" id="SubBarcode" class="form-control" value="<?=$data['SubBarcode']?>" placeholder="Reference No">
</div>
<div class="form-group">
    <label for="ClientName">Client Name: </label>
    <input name="ClientName" id="ClientName" class="form-control" value="<?=$data['ClientName']?>" placeholder="Client Name">
</div>
<div class="form-group">
    <label for="ClientRefNo">Client Reference No: </label>
    <input name="ClientRefNo" id="ClientRefNo" class="form-control" value="<?=$data['ClientRefNo']?>" placeholder="Client Reference No">
</div>
<div class="form-group">
    <label for="DateOfBirth">Date Of Birth: </label>
    <input name="DateOfBirth" id="DateOfBirth" class="datetimepicker-month form-control" value="<?=$data['DateOfBirth']?>" placeholder="Date Of Birth">
</div>
<div class="form-group">
    <label for="PassportNo">Passport No: </label>
    <input name="PassportNo" id="PassportNo" class="datetimepicker-month form-control" value="<?=$data['PassportNo']?>" placeholder="Passport No">
</div>
<div class="form-group">
    <label for="AKAName">AKAName: </label>
    <input name="AKAName" id="AKAName" class="datetimepicker-month form-control" value="<?=$data['AKAName']?>" placeholder="AKAName">
</div>
<div class="form-group">
    <label for="Gender">Gender: </label>
    <input name="Gender" id="Gender" class="datetimepicker-month form-control" value="<?=$data['Gender']?>" placeholder="Gender">
</div>
<div class="form-group">
    <label for="Nationality">Nationality: </label>
    <input name="Nationality" id="Nationality" class="datetimepicker-month form-control" value="<?=$data['Nationality']?>" placeholder="Nationality">
</div>
<div class="form-group">
    <label for="ArabicName">Arabic Name: </label>
    <input name="ArabicName" id="ArabicName" class="datetimepicker-month form-control" value="<?=$data['ArabicName']?>" placeholder="Arabic Name">
</div>

Gibt es eine kurze Möglichkeit, dass ich dynamisch hinzufügen, nur-lese-Attribut, um alle input-Felder.

InformationsquelleAutor Ayaz Shah | 2015-09-21
  1. 7

    Können Sie element-Selektor Attribut-Wert-Selektor wählen Sie alle Textfelder, und wenden Sie die readonly - Eigenschaft, um alle ausgewählten Elemente.

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

    Wählen Sie alle Textfelder in der form

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

    Als alternative zum Attribut Wert selector können Sie auch :text - Selektor wählen Sie alle Textfelder.

    $(':text').prop('readonly', true);
    InformationsquelleAutor Tushar
  2. 4

    Können Sie class für das

    $('.form-control').prop('readonly', true);
    InformationsquelleAutor Arjun
  3. 1

    können Sie angeben, eine Allgemeine Klasse (empfohlen) oder nur Global Ziel-alle input-Elemente im Formular (nicht empfohlen)

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

    Versuchen Sie dies:

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

    ODER Sie können verwenden Sie diese:

    $('.classname').prop('readonly', true);

    InformationsquelleAutor Yogesh Shakya
Schreibe einen Kommentar