readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。
readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

方法一,jquery

<input   type=”text” value=”安徽省芜湖市弋江区” class=”textBox” readonly=”readonly”/>

js 代码：

$(document).ready(function(){

$(“.textBox”).focus(function(){

$(this).attr（readonly,false);

});

$(“.textBox”).blur(function(){

$(this).attr(readonly,true);

});

});

方法二,js实现

function check(){
var txtN = document.getElementById("test");
txtN.setAttribute("readonly",true,0);
}

setAttribute 这个方法一定要注意,有三个参数
object.setAttribute(sName, vValue [, iFlags])