用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"/>

不可输入还可以用上述三种方法

版权声明：本文为博主原创文章，未经博主允许不得转载。