Флажок поиска в таблице HTML с использованием метода поиска JQuery

Question

У меня есть таблица HTML, которая имеет следующую структуру:

<table id="myTable">
  <tr>
     <td><input type="text" name="FullName" value="Tom" /></td>
     <td><input type="checkbox" name="isActive" /></td>
     <td><a href="javascript:void(0);" class="edit">Edit</a>
  </tr>
</table>

Когда пользователь нажимает ссылку «редактировать», вызывается функция Javascript (см. Ниже).В этой функции мне нужно получить данные из таблицы, т. Е. FullName, и проверить, была ли проверена isActive.

 $("#namedTutors").on('click', '.editTutor', function () {
    var tr = $(this).closest("tr");
    var fullName = tr.find("input[name=FullName]").val();
});

Я могу получить FullName достаточно легко, но у меня возникают трудности с получениемданные, чтобы увидеть, если isActive был отмечен / отмечен или нет.

Может кто-то, пожалуйста, помогите.

Спасибо.

Answer 1

if(tr.find('input[name="isActive"]:checked').length) {
     console.log('it is checked');
}

Answer 2

Вы можете выбрать вход ckeckbox по имени [name=isActive], а затем использовать .is(':checked'), чтобы проверить, проверен ли ckeckbox или нет, например:

$("#namedTutors").on('click', '.editTutor', function() {
  var tr = $(this).closest("tr");
  var fullName = tr.find("input[name=FullName]").val();
  var isActive = tr.find("input[name=isActive]").is(':checked');
  
  console.log( isActive ); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="namedTutors">
  <tr>
    <td><input type="text" name="FullName" value="Tom" /></td>
    <td><input type="checkbox" name="isActive" /></td>
    <td><a href="javascript:void(0);" class="editTutor">Edit</a>
  </tr>
</table>