Javascript: необходимо добавить параметр в форму кнопок в таблице, которая позволяет выбрать только одну, добавить ее в счетчик и уважать определенную логику

Question

Итак, у меня есть это:

<table id="table2" border="1">
<tr>
<td id="table2"><center><B>A</B></center></td>
<td id="table2"> <span id="clicks">  0</span></td>
<td id="table2"><center><B>B</B></center></td>
<td id="table2"><span id="clicksb">  0</span></td>
<td id="table2"><center><B>C</B></center></td>
<td id="table2"><span id="clicksc">  0</span></td>
<td id="table2"><center><B>D</B></center></td>
<td id="table2"><span id="clicksd">  0</span></td>
</tr>

и множество таблиц, которые добавляют +1 к этим нулям, в зависимости от того, выберете ли вы вариант A, B, C или D в любом из этихЯ не знаю, как просто иметь возможность выбрать один из вариантов, доступных на «воображаемой» таблице, а также иметь возможность выбирать между этими вариантами и давать добавление или удаление этого +1 в зависимости от выбора.

https://codepen.io/holajosd/pen/bQapaB - результат моей реальной работы

Мне удалось только выбрать опции (кнопки) и заставить их добавлять +1 к своим "кликам, кликам"..... "id.

Так что в резюме мне нужно что-то, что позволяет человеку нажать только одну из кнопок одновременно, но иметь возможность нажать другую кнопку, это действие разблокирует последнюю кнопкуиз той же таблицы и не считайте, что +1 к окончательному счетчику (или сделайте -1, чтобы сделать его равным), надеюсь, я выразил себя.

Answer 1

Дайте каждому флажку уникальный идентификатор и установите проверенное свойство.Подробности см. В этом ответе: https://stackoverflow.com/a/8206573/10586735

РЕДАКТИРОВАТЬ:

Вы также можете добавить отключенное свойство к другим флажкам при нажатии на один из них.Это делается так же, как проверенное свойство, просто используя

document.getElementById("checkbox0102").disabled = true;