如何在 jQuery 中正確檢查複選框的選取屬性？

使用jQuery 檢查複選框的選取屬性

問題：

問題：

在jQuery ，你是嘗試檢查複選框的選中屬性以根據其狀態執行操作。但是，程式碼無法正常工作，並且傳回 false 作為預設值。

解決方案：

1. 在jQuery 中成功查詢複選框的選取屬性，請依照下列步驟操作：

   使用jQuery屬性選擇器：

2. 不使用 attr() 方法，而是使用屬性選擇器語法直接檢索選取的屬性。屬性選擇器可以套用於複選框的 ID 或名稱屬性。

   檢查選取的值：

   if (jQuery('#isAgeSelected').prop('checked')) {
     // Checkbox is checked
     // Show the textbox
   } else {
     // Checkbox is unchecked
     // Hide the textbox
   }

3. 一旦擁有選取的屬性，將其值與true 進行比較以確定該複選框是否已選中。以下程式碼範例示範如何執行此操作：
   切換元素的可見性：

4. 根據下列條件隱藏或顯示元素複選框的選取狀態，使用jQuery的toggle()方法。此方法採用布林值並相應地切換元素的可見性。

   基於事件的方法：

或者，您可以使用當複選框狀態更改時更新元素的可見性的事件驅動方法。將變更事件處理程序附加到複選框，並使用toggle() 方法更新處理程序中元素的可見性。

// Check the checked property on page load
if ($('#isAgeSelected').prop('checked')) {
  $("#txtAge").show();
} else {
  $("#txtAge").hide();
}

// Event-driven approach
$('#isAgeSelected').change(function() {
  $("#txtAge").toggle(this.checked);
});

範例程式碼：

以上是如何在 jQuery 中正確檢查複選框的選取屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！