jquery怎麼設定區域不可操作

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中文網其他相關文章！