JavaScriptでテーブルチェックボックスを1つだけ選択可能にする方法

<table>
    <thead>
        <tr>
            <th>選択</th>
            <th>名前</th>
            <th>情報</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" class="checkbox-row"></td>
            <td>田中</td>
            <td>情報1</td>
        </tr>
        <tr>
            <td><input type="checkbox" class="checkbox-row"></td>
            <td>佐藤</td>
            <td>情報2</td>
        </tr>
        <tr>
            <td><input type="checkbox" class="checkbox-row"></td>
            <td>鈴木</td>
            <td>情報3</td>
        </tr>
    </tbody>
</table>

// チェックボックスが含まれているテーブル全体を取得します。
const checkboxData = document.querySelector('table');

// テーブル内でチェックボックスの状態が変化した時にイベントを実行
checkboxData.addEventListener('change', (e) => {
    
    // 変更があった要素がチェックボックスかどうかを確認
    if (e.target.classList.contains('checkbox-row')) {

        // 現在チェックされたチェックボックスを取得
        const currentCheckbox = e.target;

        // テーブル内にあるすべてのチェックボックスを取得
        const allcheckBoxes = document.querySelectorAll('.checkbox-row');

        // すべてのチェックボックスをループ処理
        allcheckBoxes.forEach(cb => {
            // 現在チェックされたチェックボックス以外のチェックを外す
            if (cb !== currentCheckbox) {
                cb.checked = false; // チェック状態を解除
            }
        });   
    };
});

table {
    border-collapse: collapse; /* テーブルセルの枠線を結合して1本にする */
    margin: 20px 0; /* 上下にスペースを追加 */
}

th {
    background-color: #f8f7f6; /* ヘッダーの背景色を薄いグレーに設定 */
}

th, td {
    border-bottom: solid 1px black; /* セルの下線を黒色で実線に設定 */
    padding: 15px; /* セル内の文字や内容に余白を設定（上下左右15pxずつ） */
    text-align: center; /* セル内の文字を中央揃えに設定 */
}

input[type="checkbox"] {
    transform: scale(1.5); /* チェックボックスを1.5倍に拡大 */
    vertical-align: middle; /* 縦方向で中央揃えにする */
}

const table = document.querySelector('#myTable');
const checkboxes = table.querySelectorAll('.checkbox-row');

if (e.target.classList.contains('checkbox-row')) {
    // チェックボックスが対象の場合のみ処理を実行
}

input[type="checkbox"] {
    transform: scale(1.5); /* チェックボックスを1.5倍に拡大 */
    margin-right: 10px; /* チェックボックスとテキストの間に余白を追加 */
}