Tengo una mesa con botones. Mi objetivo es cada vez que hago clic en un botón, se desactivará. Mi problema es que cuando hago clic en el botón, solo deshabilita el primer botón de la columna. Lo que quiero es deshabilitar solo el botón específico en el que hice clic. Usé bootstrap para la mesa y los botones.

Aquí está mi botón:

 <td> <input type="button" onclick="checker()" href="php/doneProblem.php?problemID=<?= $rows['problemID'] ?>" id="btn-done" class="btn btn-primary" value="Mark as Done" /> </td>

Así es como deshabilito el botón:

 <script> function checker() { var result = confirm('Are you sure to mark this as done?'); if (result == false) { event.preventDefault(); } else { $('#btn-done').attr('disabled', true); $('#btn-done').addClass('disabled'); } } </script>

Intenté usar class en lugar de id pero deshabilitó todos los botones cuando hago clic en un solo botón.