在web開發中,我們經常需要對文本輸入框進行限制,讓它只能被查看而不能被修改。jQuery提供了很方便的操作方式,可以通過設置輸入框的屬性來實現只讀的功能。
//選擇id為inputText的輸入框 var inputBox = $("#inputText"); //設置輸入框只讀 inputBox.attr("readonly","readonly");
通過attr()方法來設置輸入框的readonly屬性為readonly,這樣輸入框就只能被查看而不能被修改了。另外,也可以通過修改輸入框的disabled屬性來實現類似的效果,這樣輸入框就不能被操作了,包括不能被選中。
//選擇id為inputText的輸入框 var inputBox = $("#inputText"); //設置輸入框不可用 inputBox.attr("disabled","disabled");
需要注意的是,如果對同一個輸入框連續使用這兩種方法,后者會覆蓋前者,所以要根據實際需要來選擇使用哪種方式。
下一篇vue底層技術外包