用Checkbox來控制文字框是否為灰色不可編輯
阿新 • • 發佈:2019-02-14
(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"/>
不可輸入還可以用上述三種方法