set input field to readonly using jQuery

[coquilla18]

on XML form,
we can set field to readonly buy using readonly="true"

but we can also use jQuery to set it to readonly
on views folder, open the layout file or the default.php file under the tmpl folder.
com_example/sample/tmpl/default.php

in order to set specific field to readonly
insert this code on your script above the table

โค้ด: เลือกทั้งหมด

<script>
jQuery(document).ready(function() {
                jQuery('#field_id').attr('readonly',true);
});
</script>

The code above will the field that has the same field_id which you call on your jQuery


if you want to set more field to readonly easier, create the same class name of every field you want to set.. and on your script, code this below

โค้ด: เลือกทั้งหมด

<script>
jQuery(document).ready(function() {
                jQuery('table').find('input.classname').attr('readonly',true);
});
</script>

the code above will find all field that has class="classname" and it will be set to readonly