У меня есть таблица с двумя столбцами с именами name и посещаемость , которая является переключателем, и я хочу реализовать, что всякий раз, когда я нажимаю на строку, я получаю значение имени ипосещаемость этого ряда.Проблема в том, что всякий раз, когда я нажимаю на строку, событие запускается дважды и дважды показывает имя.Я добавил код ниже
<table class="col-md-12 text-center">
<tr>
<th class="text-center">Name</th>
<th class="text-center">Attendance</th>
</tr>
<tr class="" data-id='1'>
<td>Md. Khairul Basar</td>
<td class="form-inline table_attendance">
<div class="form-check form-check-radio">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="exampleRadio"
id="exampleRadios1" value="option1">
<span class="form-check-sign"></span>
Present
</label>
</div>
<div class="form-check form-check-radio">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="exampleRadio"
id="exampleRadios2" value="option2" checked>
<span class="form-check-sign"></span>
Absent
</label>
</div>
</td>
</tr>
</table>
Ниже приведен код jQuery.
<script>
$(document).ready(function () {
$(".table_attendance").on('click', function () {
var attendance = {
name: $(this).closest("tr").find("td:nth-child(1)").text()
}
});
});
</script>
Я проследил другие ответы, связанные с этой проблемой, и добавил их решение, например, добавив .off("click") и
e.preventDefault();
e.stopImmediatePropagation();
Но ничего из этого не работает и, кроме того, использование .preventDefault() отключает опцию флажка в переключателе.Пожалуйста, помогите мне с кодом.