jquery設定區域不可操作的方法:先建立一個程式碼範例檔案;然後透過對元素套用disabled和readonly屬性的方法來設定頁面元素不可編輯的效果。
本教學操作環境:windows7系統、jquery1.10.0版本,Dell G3電腦。
推薦:jquery影片教學
Jquery的api中提供了對元素應用disabled和readonly屬性的方法,這兩種屬性方法可以使元素不可操作,下面我們就來看看jQuery設定區域不可操作的方法。
jquery設定頁面元素不可點擊、不可編輯、唯讀:
$("input").attr('readonly', true); $("textarea").attr('readonly', true); $(':radio').attr('disabled', true); $(':checkbox').attr('disabled', true); $(':button').attr('disabled', true); $('a').removeAttr('onclick'); $('select').attr('disabled', true);
範例:
$('form').find('input,textarea,select').not('.btn btn-primary,.back').attr('disabled','disabled');
上面這句程式碼的意思是將form表單裡面除了樣式為. btn btn-primary,.back的元素都置為唯讀。
如果頁面還有a標籤之類的,可以用上面列出的$('a').removeAttr('onclick');將a標籤的點擊事件移除掉。
attr() 方法設定或傳回被選元素的屬性和值。
當方法用於傳回屬性值,則傳回第一個符合元素的值。
當方法用於設定屬性值,則為符合元素設定一個或多個屬性/值對。
以上是jquery怎麼設定區域不可操作的詳細內容。更多資訊請關注PHP中文網其他相關文章!