How to send the value of a radio with the concatenated user id?

Question

Good morning my doubt and complex this creating a system that will create card of each registered user, to differentiate the card each element of the card has the user id. I would like to know how I capture the value of the selected radio, but the name of the radio is concatenated with the user id to be able to differentiate from the other card.

Check out the code :

THIS CREATES THE CARD

while ($registro = mysqli_fetch_array($resultado_id, MYSQLI_ASSOC)) {
    echo '<div class=" cardUser col-md-12">
    <div class="cardNome">
    <span>'.$registro['nome'].'</span>
    </div>
    <div class="cardPro">
    <span class="glyphicon glyphicon-education"> '.$registro['idProfissao'].'</span>
    <span class="cardPro2 glyphicon glyphicon-education"> '.$registro['idProfissao2'].'</span>
    </div>
    <div class="cardInfo">
    <ul class="cardUl">
    <li class="cardLi">
    <span class="cardValue glyphicon glyphicon-globe"> '.$registro['idCidade'].'</span>
    <span class="cardValue glyphicon glyphicon-earphone" id="tel"> '.$registro['telefone'].'</span>
    </li>
    </ul>
    <div class="estrelas">
    <ul class="cardUl">
    <li class="cardLi">
    <span class="cardLabel">Status:</span>
    <span class="cardValue"> '.$registro['disponibilidade'].'</span>
    </li>
    <li class="cardLi">
    <Form id="estrelas"> 
    <span class="cardLabel">Avaliação:</span>              
    <input type="radio" id="cm_star-empty-'.$registro['id'].'" name="fb'.$registro['id'].'" value="" checked/>
    <label for="cm_star-1-'.$registro['id'].'"><i class="fa"></i></label>
    <input type="radio" id="cm_star-1-'.$registro['id'].'" name="fb'.$registro['id'].'" value="1"/>
    <label for="cm_star-2-'.$registro['id'].'"><i class="fa"></i></label>
    <input type="radio" id="cm_star-2-'.$registro['id'].'" name="fb'.$registro['id'].'" value="2"/>
    <label for="cm_star-3-'.$registro['id'].'"><i class="fa"></i></label>
    <input type="radio" id="cm_star-3-'.$registro['id'].'" name="fb'.$registro['id'].'" value="3"/>
    <label for="cm_star-4-'.$registro['id'].'"><i class="fa"></i></label>
    <input type="radio" id="cm_star-4-'.$registro['id'].'" name="fb'.$registro['id'].'" value="4"/>
    <label for="cm_star-5-'.$registro['id'].'"><i class="fa"></i></label>
    <input type="radio" id="cm_star-5-'.$registro['id'].'" name="fb'.$registro['id'].'" value="5"/>
    </Form>
    </li>        
    <button type="button" class="btn btn-info btn-sm btn-like" id="btn-like-'.$registro['id'].'" data-id_usuario="'.$registro['id'].'">Avaliar</button>        
    </ul>
    </div>
    </div>
    </div>
    ';
}

This is js code that I use to send the variaves user id I can capture more radio value I don’t know how to do.

<script type="text/javascript">
$(document).ready( function () {

    $('.btn-like').click(function(){
        var id_usuario = $(this).data('id_usuario');
        var estrela = $(this).data('');


        $('#btn-like-'+id_usuario).hide();

        $.ajax({
           url: 'like.php',
           method: 'post',
            data: { like_id_usuario: id_usuario,  },
            success:function (data) {
                alert('Registro realizado com sucesso');
            }
        });

   });
})
</script>

Answer 1

You can use the slice to extract only part of the ID string after the size of the suffix you have. An example would be:

$('.btn-like').click(function() {
  var id_usuario = this.id.slice(9);

  $(this).hide();
  console.log('Utilizador: ' + id_usuario);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn-like-1" class="btn-like">Utilizador 1</button>
<button id="btn-like-5" class="btn-like">Utilizador 5</button>
<button id="btn-like-15" class="btn-like">Utilizador 15</button>