首頁 > web前端 > js教程 > 主體

jquery怎麼設定區域不可操作

藏色散人
發布: 2023-01-04 09:38:06
原創
1685 人瀏覽過

jquery設定區域不可操作的方法:先建立一個程式碼範例檔案;然後透過對元素套用disabled和readonly屬性的方法來設定頁面元素不可編輯的效果。

jquery怎麼設定區域不可操作

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板