Dois botões para executar a mesma função

[vmolina 8]

Bom dia,

 

Gostaria que ao clicar em dois botoes distintos os mesmos executassem a mesma função alterando apenas um valor.

 

No codigo abaixo consigo executar a funcao clicando no primeiro botao porem quando clico no segundo nao executa! como posso proceder para realizar esta operacao?

 

 

<script type="text/javascript">
$(document).ready(function(){
 
$('#btn_pag').on("click",function(){
 
var value = $(this).attr('value'); // Ao clicar no botao alterar apenas esse valor!
 
console.log(value);
 
//Dados referentes a entrega
var logradouro  = $("input[name=logradouro]").val();
var bairro   = $("input[name=bairro]").val();
var cidade   = $("input[name=cidade]").val();
var uf = $("input[name=uf]").val();
var cep = $("input[name=cep]").val();
var numero = $("input[name=numero]").val();
var complemento = $("input[name=complemento]").val();
 
//Dados do comprador
var nomecli  = $("input[name=nomecli]").val();
var emailcli  = $("input[name=emailcli]").val();
var telcli   = $("input[name=telcli]").val();
var celcli   = $("input[name=celcli]").val();
var codcli = $("input[name=codcli]").val();
 
//Valida os campos referentes ao endereco!
if(logradouro == ''){alert('Preencha por favor o campo Logradouro.');$("input[name=logradouro]").focus();return false;}
if(bairro    == ''){alert('Preencha por favor o campo Bairro.');$("input[name=bairro]").focus();return false;}
if(cidade    == ''){alert('Preencha por favor o campo Cidade.');$("input[name=cidade]").focus();return false;}
if(uf    == ''){alert('Preencha por favor o campo UF.');$("input[name=uf]").focus();return false;}
if(cep    == ''){alert('Preencha por favor o campo CEP.');$("input[name=cep]").focus();return false;}
if(numero    == ''){alert('Preencha por favor o campo Número.');$("input[name=numero]").focus();return false;} 
 
 
//Valida os campos telefone/celular do cadastro do cliente
if(telcli    == '' || telcli.length < 8){alert('Preencha por favor o campo TEL. \n O campo deve conter no mínimo 8 caracteres. Ex. DD+99999999');$("input[name=telcli]").focus();return false;}
if(celcli    == '' || telcli.length < 8){alert('Preencha por favor o campo CEL. \n O campo deve conter no mínimo 8 caracteres. Ex. DD+99999999');$("input[name=celcli]").focus();return false;}
 
   var urlData = 'logradouro=' +logradouro+ '&bairro=' +bairro+ '&cidade=' +cidade+ 
'&uf=' +uf+ '&cep=' +cep+ '&numero=' +numero+ '&complemento=' +complemento+ '&nomecli=' +nomecli+
'&emailcli=' +emailcli+ '&telcli=' +telcli+ '&celcli=' +celcli+ '&codcli=' +codcli;
 
//console.log(urlData);
 
$.ajax({
 
type  : 'post',
url   : 'url',
data  : urlData,
datatype  : 'html',
sucess : function(data){
$('body p').html(txt);
}
 
});
 
});// btn_pagar click
 
});
 
</script>

1) Botao:

 

<a href="#" class="button small red" id="btn_pag" value="card">Pagar com Cartão</a>
 

2) Botao:

<a href="#" class="button small red" id="btn_pag" value="boleto">Gerar Boleto</a>

Desde já agradeço a atenção de todos,

[BRG 2]

Salve,

 

Isso acontece porque você tem dois botões com o mesmo id.

No segundo botão deixe id="btn_pag2" e na sua função chame:

 

$('#btn_pag, #btn_pag2')

 

Algumas pessoas removem o id e colocam o nome do class. Ai ficaria class="button small red btn_pag"

E a chamada da sua função

 

$('.btn_pag')

 

,