如何使用 jQuery 檢查並回應複選框狀態變更？

如何使用 jQuery 檢查複選框狀態

要在 jQuery中檢查複選框的選取屬性並執行對應操作，請執行以下步驟可以關注：

自訂HTML：

• 在HTML 中包含jQuery 腳本：
• 建立一個帶有ID 的複選框：
• 建立一個元素以根據複選框狀態顯示或隱藏，其ID 為：

  jQuery 事件處理：

  • 使用 JavaScript DOM:

    • 透過ID取得複選框DOM元素：document.getElementById('isAgeSelec ted')

    • 檢查checked屬性並執行對應操作 actions:

      if (document.getElementById('isAgeSelected').checked) {
        $("#txtAge").show();
      } else {
        $("#txtAge").hide();
      }

  • 使用jQuery:

    • 按 ID 選擇複選框：$(' #isAgeSelected')

    • 使用點選事件可依複選框狀態切換 txtAge元素的可見性：

      $('#isAgeSelected').click(function() {
        $("#txtAge").toggle(this.checked);
      });

以上是如何使用 jQuery 檢查並回應複選框狀態變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！