Aşağıda resim deki bir tablom var . Select butonuna bastığımda, bulunduğu satırı seçtirebildim fakat tekrar bastığımda kaldıramadım bir türlü

Php

<table id="example" class="display" cellspacing="0" width="100%"><thead><tr><th>PRODUCT CODE</th><th>PRODUCT DESCRIPTION</th><th>SUGGESTED RETAIL PRICE</th><th>BUYING PRICE</th><th>QUANTITY</th><th>DISCOUNT</th><th></th></tr>
</thead>
<tbody>
    <?php
     $id = "";
     foreach ($veri as $keyX => $valueX) { $id = str_replace(".", "",  $valueX[A]);?>   
    <tr class="tr" id="tr_<?php echo $id; ?>">
    <label id="l"><input type="checkbox" class="c" name="deger[]" value="1"/></label>
    <td style="text-align: center;">
        <?php echo $valueX[A]; ?>
    </td>
    <td style="text-align: center;">
        <?php echo $valueX[B]; ?>
    </td>
    <td style="text-align: center;">
        <?php echo $valueX[C]; ?>
    </td>
    <td style="text-align: center;">
        <?php echo $valueX[D]; ?>
    </td>
    <td style="text-align: center;">
        <input type="text" style="width: 70px;" />
    </td>
    <td style="text-align: center;">
        %15
    </td>
     <td style="text-align: center;">
        <button type="button" class="btn btn-success" data-id="<?php echo $id; ?>">Select</button>
    </td>
    </tr>

    <?php } ?>
    

</tbody>
</table>

Js

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#example').dataTable();
            } );
        </script>
  <script>
$(function() {
function checksec(id) {
      $('.btn-success').each(function(){   
      $('#tr_'+id).removeClass('secili');

      });      
      if ($('#l').length) {
         $('#l').each(function(){ 

           $('#tr_'+id).removeClass('secili');
         });
          $('.c').each(function(){ 
             $('#tr_'+id).addClass('secili');
         });
      };
}
   $('.btn-success').click(function(){
   var id = $(this).attr('data-id');
     
   checksec(id);
   });
 
   });
</script>