在 web 開發(fā)中,表單是一個常用的元素,我們經(jīng)常需要對表單進(jìn)行各種操作。有時候,我們想讓某些表單只允許用戶查看而不能編輯,這時就需要把表單設(shè)置為只讀。jquery 提供了一個方法可以非常方便地實現(xiàn)這個功能。
$(document).ready(function() { // 獲取需要設(shè)置為只讀的表單元素 var readonlyInput = $('input[name="readonly"]'); // 設(shè)置為只讀 readonlyInput.attr('readonly', 'readonly'); });
以上代碼會把名為 "readonly" 的 input 標(biāo)簽設(shè)置為只讀。我們使用 attr() 方法來設(shè)置元素的屬性,readonly 屬性被設(shè)置為 "readonly" 即為只讀。
如果您想對所有的 input、select、textarea 元素都設(shè)置為只讀,可以使用以下代碼:
$(document).ready(function() { // 獲取所有 input、select 和 textarea var readonlyElements = $('input, select, textarea'); // 設(shè)置為只讀 readonlyElements.attr('readonly', 'readonly'); });
以上代碼將會把所有的 input、select 和 textarea 元素都設(shè)置為只讀。這個功能非常實用,在某些情況下,我們需要讓用戶只能查看數(shù)據(jù)而不能進(jìn)行操作,這時很適合使用只讀表單。