Question

如果你有一个简单的桌子，后面跟一个按钮;你如何从按钮然后导航行来评估内容......

<table id=mydata">
  <tr><td><input type="checkbox"></td><td>somevalue</td>
  <tr><td><input type="checkbox"></td><td>somevalue</td>
  <tr><td><input type="checkbox"></td><td>somevalue</td>
  <tr><td><input type="checkbox"></td><td>somevalue</td>
</table>
<input type="button" id="btnTest">

<script>
  var stringData = "";
  $("#btnTest").click(function(){
    $("#mydata tr").each(function(){
      //if the checkbox is ticked
      stringData += "???" // =>> the 'somevalue' from the same tr
    });
    alert(stringData);
  });
</script>

Answer 1

您可以这样做：

  var stringData = '';
  $("#btnTest").click(function(){
    $("#mydata :checkbox:checked").each(function(){
         stringData += $(this).closest('tr').find('td:last').text();
    });
    alert(stringData);
  });

或者，如果您需要访问已选中复选框的索引tr：

，则可以更改为此值

stringData += "tr"+ $(this).closest('tr').index() + ":" 
                  + $(this).closest('tr').find('td:last').text()

Answer 2

试试这个

stringData = "";

$("#btnTest").click(function(){
    $("#mydata tr").each(function(){
      if($(this).find("input[type='checkbox']").is("checked")){
          stringData += $(this).find("td").text();

      }
    });
    alert(stringData);
 });

JQuery在TABLE中导航

2 个答案: