Checked in table html

Question

$(function() {
 $('.sus').click(function(e) {
    
    if($(".case").is(":checked")){
     for (var i = Things.length; i >= 0; i++) {
      Things[i]
     }
     alert("checkeado");
    }

    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-success sus">Success</button>
<div class="container">
 
  <table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
        <th>Checkbox</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
        <td>
      <input type="Checkbox" class="case">
      </td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
        <td>
      <input type="Checkbox" class="case">
      </td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
        <td>
      <input type="Checkbox" class="case">
      </td>
      </tr>
    </tbody>
  </table>
</div>

  <script src="main.js"></script>

I'm trying to make ckecked to be showing me the first name of which is ckecked.

As shown in the picture

Or make a for which to cross the table and show me the ones that are checked

enter image description here

You are counting up....so you have an infinite loop. What is `Things`? — epascarello, Jul 11 '17 at 00:32
how can you do what? Not have an infinite loop? Count down, not up. — epascarello, Jul 11 '17 at 00:35
https://stackoverflow.com/questions/2155622/get-a-list-of-checked-checkboxes-in-a-div-using-jquery — epascarello, Jul 11 '17 at 00:38
Need to provide a more detailed explanation of exactly what it is you are trying to do and how you want it displayed. Use a translation service if you have to — charlietfl, Jul 11 '17 at 01:18

score 0 · Accepted Answer · answered Jul 11 '17 at 00:40

This should work for you. You will need to remove the extra comma (,) at the end.

$(function() {
 $('.sus').click(function(e) {
    var checkedNames = '';
    var $things = $('.case:checked');
    if($things.length > 0){
     for (var i = 0; i < $things.length; i++) {
         checkedNames += $($things[i]).closest('tr').find('td:first').text() + ',';
     }
     alert("checkeado " + checkedNames);
    }

    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-success sus">Success</button>
<div class="container">
 
  <table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
        <th>Checkbox</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
        <td>
      <input type="Checkbox" class="case">
      </td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
        <td>
      <input type="Checkbox" class="case">
      </td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
        <td>
      <input type="Checkbox" class="case">
      </td>
      </tr>
    </tbody>
  </table>
</div>

  <script src="main.js"></script>

Checked in table html

1 Answers1