如何使用 JavaScript 以程式設計方式選取或取消選取複選框？

使用JavaScript 操作複選框

經常面臨動態管理輸入元素的需求，開發人員可能想知道如何在JavaScript 中控制複選框選框。本題探討了使用 JavaScript 檢查和取消選取複選框的方法。

JavaScript

要使用JavaScript 檢查或取消選取複選框，請使用其ID 存取元素並修改其選取的元素屬性：

// Check checkbox
document.getElementById("checkbox").checked = true;

// Uncheck checkbox
document.getElementById("checkbox").checked = false;

jQuery (1.6 )

在jQuery 1.6 以上版本中，使用prop() 方法來操作複選框狀態：

// Check checkbox
$("#checkbox").prop("checked", true);

// Uncheck checkbox
$("#checkbox").prop("checked", false);

jQuery (1.5-)

對於jQuery 1.5 及以下版本，使用attr()方法來控制複選框：

// Check checkbox
$("#checkbox").attr("checked", true);

// Uncheck checkbox
$("#checkbox").attr("checked", false);

透過採用這些技術，開發人員可以動態管理 Web 應用程式中的複選框狀態，從而改善使用者互動並簡化使用者介面。

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