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

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

Patricia Arquette
發布: 2024-12-17 18:18:11
原創
652 人瀏覽過

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

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