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

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

Patricia Arquette
Patricia Arquette原創
2024-12-21 02:19:09826瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn