如何使用 jQuery 正確選取或取消選取複選框？

使用jQuery 設定複選框的“checked”

許多開發人員希望使用以下方法設定複選框的“checked”屬性jQuery，有些人可能會嘗試使用.checked() 或.selected() 等方法。但是，這些方法在 jQuery 中不存在。

現代jQuery

要在現代版本的jQuery 中設定「checked」屬性，請使用.prop( ) 方法：

$('.myCheckBox').prop('checked', true);  // Check the checkbox
$('.myCheckBox').prop('checked', false); // Uncheck the checkbox

DOM API

另一個選項是存取底層HTMLInputElement物件並直接設定.checked 屬性：

$('.myCheckBox')[0].checked = true;  // Check the checkbox
$('.myCheckBox')[0].checked = false; // Uncheck the checkbox

jQuery 1.5.x 及以下

;

對於舊版本的jQuery（1.6 之前）， .prop( ) 方法不可用，因此您可以使用.attr()取代：

$('.myCheckBox').attr('checked', true);  // Check the checkbox
$('.myCheckBox').attr('checked', false); // Uncheck the checkbox

需要注意的是，雖然使用.removeAttr('checked') 可能看起來是一種合理的方法，但它與包含該複選框的表單交互時可能會導致意外行為。因此，使用 .prop() 或 .attr() 是使用 jQuery 設定「checked」屬性的首選方法。

以上是如何使用 jQuery 正確選取或取消選取複選框？的詳細內容。更多資訊請關注PHP中文網其他相關文章！