retornar varios values com o mesmo name

Olá, estou a criar um sistema que tem um look em php. dentro desse loop existe um botão e esse botão tem sempre o mesmo nome mas os valores diferentes consuante a leitura do banco de dados.

eu tenho a seguinte função. o unico problema é que os botêm retornam sempre o valor do primeiro botão da página.

$( document ).ready(function() {
 $('[id="compracurso"]').on('click', function() {

 var idcurso = $('input[name="idcurso"]').val()
 alert(idcurso);
 $.ajax({
 url:'ajax/carrrinho.php',
 type:'post',
 data:'curso='+idcurso+'&acao=add',
 beforeSend: function () {

 },
 success: function (data) {
 console.log(data);
 }
 });
 });
});

Desde já agradeço a ajufa