如何使用 jQuery 有效地確定一個或多個複選框的選取狀態？

使用 jQuery 確定複選框狀態

使用 Web 表單時遇到的常見挑戰之一是確定特定複選框的狀態。

考慮以下場景：您有一組複選框，並且需要根據其決定是否選取特定複選框ID。

雖然您可能使用了以下程式碼：

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

此方法會產生選取核取方塊的總數，忽略指定的 ID。

解決方案在於利用jQuery 的內建:checked 選擇器時：

$('#' + id).is(":checked")

此表達式計算結果為true if具有給定ID 的複選框被選中，否則為false。

此外，如果您有一組具有相同名稱的複選框，則可以如下檢索已選取複選框的清單：

var $boxes = $('input[name=thename]:checked');

使用each()方法迭代清單可讓您對每個選取的複選框執行操作：

$boxes.each(function(){
    // Do stuff here with this
});

計算數組中選取的複選框數量：

$boxes.length;

以上是如何使用 jQuery 有效地確定一個或多個複選框的選取狀態？的詳細內容。更多資訊請關注PHP中文網其他相關文章！