首頁 >web前端 >js教程 >如何使用 jQuery 檢查複選框是否被選取?

如何使用 jQuery 檢查複選框是否被選取?

Patricia Arquette
Patricia Arquette原創
2024-12-17 18:18:11698瀏覽

How Can I Check if a Checkbox is Selected Using jQuery?

使用jQuery 檢查是否選取了複選框

情況:

在jQuery ,您需要判斷某個複選框是否被選中來執行特定的操作,但是預設的attr('checked')未選取時該方法傳回 false。

解決方案:

1.使用DOM元素屬性:

  • 直接存取DOM元素元素的checked :
if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

2.使用toggle()切換可見性:

  • 使用toggle()方法根據複選框的選取狀態顯示或隱藏元素:
$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});

注意:

  • this.checked如果複選框已選中,則傳回 true;如果未選中,則傳回 false。
  • toggle() 如果隱藏元素則顯示該元素,如果顯示則隱藏它。

以上是如何使用 jQuery 檢查複選框是否被選取?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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