css 封裝整個只讀文本框的屬性:
.TextBoxReadOnly
{
border:1px solid #C0C0C0;
text-align:left;
background-color:#D3D3D3;
width:100px;
readonly:expression(this.readOnly=true);
}
它工作得很好, 經過測試, 發現了一個問題:
用js 代碼: txt.readOnly=false , 不能使文本框回到可讀寫狀態, 用:
txt.className="OtherStyle";
txt.readOnly=false;
也不行!
總之, 一旦使用css 修飾了該控件使它只讀, 就不能再使它恢復到可讀寫的狀態了. 即使換成其它的css 樣式, 有知道的朋友，請告知下哦。.
於是乎, 又寫了一個樣式:
.TextBoxReadWrite
{
border:1px solid #C0C0C0;
text-align:left;
background-color:#FFFFFF;
width:100px;
readonly:expression(this.readOnly=false);
}
這樣再用js 切換樣式, 就可以在只讀與可讀寫之間來回切換了, 把這個過程封裝到一個函數中, 在程序中就可以自由調用了, 雖然有點繞, 不過是目前我找到的最好的辦法.
切換的js:
function f1(ctr,isReadOnly)
{
var octr=document.getElementById(ctr);
if(octr!=null)
{
if(isReadOnly)
octr.className="TextBoxReadOnly";
else
octr.className="TextBoxReadWrite";
}
}
調用:
function f3()
{
f1("<%=txt1.ClientID %>",true);
}