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

您可以选择名称为[name=isActive]的文件箱输入，然后使用.is(':checked')检查是否选中了文件箱，例如：

$("#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>

Answer 2

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

使用JQuery查找方法在HTML表中查找复选框

2 个答案: