首頁 > web前端 > js教程 > 如何使用 jQuery 以程式設計方式選取或取消選取複選框?

如何使用 jQuery 以程式設計方式選取或取消選取複選框?

Patricia Arquette
發布: 2024-12-21 02:19:09
原創
863 人瀏覽過

How Do I Programmatically Check or Uncheck a Checkbox with jQuery?

使用jQuery 設定複選框「選取」

使用jQuery 處理複選框時,您可能會遇到需要以程式設定「選取」狀態的情況。雖然jQuery 中不存在「.checked(true)」或「.selected(true)」等方法,但有幾種替代方法可以實現此功能:

現代jQuery

利用. prop() 方法:

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);
登入後複製

DOM API

用於操作單一元素,存取底層HTMLInputElement 並直接設定「.checked」屬性:

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;
登入後複製

jQuery 1.5.x 及以下

在早期的jQuery版本中,.prop() 方法不可用。使用.attr() 代替:

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);
登入後複製

請注意,使用.attr() 優於.removeAttr('checked'),因為它保留框的初始選中狀態並防止表單重置時出現意外行為。

以上是如何使用 jQuery 以程式設計方式選取或取消選取複選框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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