// ヘッダーのチェックボックスを取得
const headerCheckbox = document.getElementById('headerCheckbox');

// 行のチェックボックスを取得
const rowCheckboxes = document.querySelectorAll('.rowCheckbox');

// ヘッダーのチェックボックスが変更されたときのイベントリスナー
headerCheckbox.addEventListener('change', () => {
    // ヘッダーのチェックボックスの状態を取得
    const isChecked = headerCheckbox.checked;

    // すべての行のチェックボックスをヘッダーの状態に合わせる
    rowCheckboxes.forEach(checkbox => {
        checkbox.checked = isChecked;
    });
});

// ボタンにクリックイベントを追加
document.getElementById('getDataButton').addEventListener('click', () => {
    // テーブル内のすべての行を取得
    const selectedRows = document.querySelectorAll('tr');
    let selectedData = []; // 選択された行のデータを格納する配列

    // 各行をループ処理
    selectedRows.forEach(row => {
        // 行内のチェックボックスを取得
        const checkbox = row.querySelector('.rowCheckbox');
        if (checkbox && checkbox.checked) {
            // チェックされた行のデータを取得し、配列に追加
            const rowData = Array.from(row.querySelectorAll('td'))
                                    .map(td => td.textContent.trim()) // 各セルの内容を取得
                                    .filter(text => text !== "");    // 空要素を除去
            selectedData.push(rowData.join(', '));
        }
    });

    // 選択されたデータをアラートで表示
    if (selectedData.length > 0) {
        alert("選択されたデータ:\n" + selectedData.join('\n')); // 各行データを改行区切りで表示
    } else {
        alert("選択されたデータはありません。");
    }
});