javascript - 遍历 html 表并检查复选框是否被选中

Question

我在这里要做的是验证 HTML 表格。在继续之前，我至少需要选中一个复选框。它正在做它需要做的事情，除非我没有选中复选框。

它通过 HTML 表上的数据计数循环警告“未找到”。我怎样才能让它变得更好？我需要在表内循环以获取选中复选框的同一行中的数据。

JS

$('#dataTable').find('tr').each(function () {
    var row = $(this);
    if (row.find('input[type="checkbox"]').is(':checked') ) {
        alert "found"
        //im getting data here.
        });
    }else{
        alert "NOthing found"
    };
});

Answer 1

不需要遍历任何东西。只需使用您的选择器在 dataTable 中查找选中的复选框。如果存在，则满足您的“真实”条件。

if ($('#dataTable input[type="checkbox"]:checked').size()) {
    // Proceed
}

现在，如果您想对“已选中”行内的数据做一些事情，您可以这样做:

var checkedItems = $('#dataTable input[type="checkbox"]:checked').each(function() {
    // Do something with the row
    console.log($(this).parent('tr').find('.data-selector').val());
});
if (!checkedItems.size()) {
    // Nothing was checked
}