1. 程式人生 > >用Checkbox來控制文字框是否為灰色不可編輯

用Checkbox來控制文字框是否為灰色不可編輯

(1)點選 CheckBox使得輸入框可以使用,否則為灰色不能使用

<li>
            	<span class="sample_li_left"> <asp:CheckBox ID="gqsj" runat="server" Checked onclick="doDisabled(this.checked);"/>過期時間:</span>
                <span>
                   <input id="expireTime" name="expireTime" type="text" class="time_text" onfocus="WdatePicker({dateFmt: 'yyyy-MM-dd',maxDate:'%y-%M-%d'})" runat="server" />
                </span>
                
 </li>

相應的js函式為:
function doDisabled(checked) {
			if(checked){
			 	$("#expireTime").get(0).disabled = "";
			 	//$("#expireTime").addClass('time_text');
			 	$("#expireTime").css('background','url(../images/time.gif) #ffffdc no-repeat right top');
			}else{
			 	$("#expireTime").attr('disabled','disabled');
			 	$("#expireTime").css('background','#CCCCCC');
			 }
	}


遺留問題為:
//$("#expireTime").addClass('time_text');  與
$("#expireTime").css('background','url(../images/time.gif) #ffffdc no-repeat right top');


應該是一樣的,但是後者可以 前者不行。

參考:http://blog.csdn.net/delongcpp/article/details/8171826

將HTML文字框設為不可編輯文字框。

方法1: onfocus=this.blur()
<input type="text" name="input1" value="不可編輯文字框" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="不可編輯文字框" readonly>

<input type="text" name="input1" value="不可編輯文字框" readonly="true">

方法3: disabled
<input type="text" name="input1" value="不可編輯文字框" disabled>

讓文字框變灰不可輸入:

<input type="text" name="test" disabled="disabled" style="background:#CCCCCC"/>

不可輸入還可以用上述三種方法