技術資料

jQueryでフォームの input要素などの readonly属性を操作する方法のメモ。

// readonly にする
$('#element_id').prop('readonly',true);
または
$('#element_id').attr('readonly',true);

// readonly を解除
$('#element_id').prop('readonly',false);
または
$('#element_id').attr('readonly',false);

上記の例では id を指定していますが、複数の要素に同じクラスを指定して、一括で readonlyのon/offを切り替えたりもできますね。