(1)点击 CheckBox使得输入框可以使用,否则为灰色不能使用
<li>
<span class="sample_li_left"> <asp:CheckBox ID="gqsj" runat="server" Checked οnclick="doDisabled(this.checked);"/>过期时间:</span>
<span>
<input id="expireTime" name="expireTime" type="text" class="time_text" οnfοcus="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: οnfοcus=this.blur()
<input type="text" name="input1" value="不可编辑文本框" οnfοcus=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"/>
不可输入还可以用上述三种方法