在網頁開發中,有時需要將input輸入框設置為不可編輯的狀態,以防止用戶誤操作或防止數據被誤改。在jQuery中,可以很方便地實現該功能。
//將id為input1的輸入框設置為不可編輯狀態
$("#input1").prop("disabled", true);
上述代碼中,使用了jQuery的prop方法,將id為input1的輸入框的disabled屬性設置為true,即不可編輯狀態。
除此之外,還可以使用attr方法實現相同的效果:
//將id為input1的輸入框設置為不可編輯狀態
$("#input1").attr("disabled", true);
值得注意的是,通過上述方法設置為不可編輯狀態的輸入框,仍然會保存在表單提交數據中,需要在后臺進行相應處理。