1

Tengo 3 id que son: cuidad 1, cuidad 2 y cuidad 3. Estos mismos id los tienen 3 botones y quiero crear una función que me devuelva el id del botón que estoy presionando.

1
  • Hola @chris, para que podamos ayudarte debes rehacer la pregunta según marca la gúia Cómo preguntar, así podremos echarte una mano. Si no conoces como funciona el sitio te recomiendo que visites el recorrido de bienvenida, te ayudará para futuras consultas. el 13 mar. 2018 a las 12:01

4 respuestas 4

4

usa attr de jQuery para obtener atributos de la etiqueta, como por ejemplo el id -> attr("id")

function devolverid(bnt){
  var id = $(bnt).attr("id");
  alert(id);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="boton_1" onclick="devolverid(this)">Boton 1</button>
<button id="boton_2" onclick="devolverid(this)">Boton 2</button>
<button id="boton_3" onclick="devolverid(this)">Boton 3</button>

2

Una solucion usando solamente JavaScript sin librerias.

// Devuelve el id del boton pulsado 
function devolverId(evento) {
  return evento.target.id;
}
<button id="boton_1" onclick="devolverId(event)">Boton 1</button>
<button id="boton_2" onclick="devolverId(event)">Boton 2</button>
<button id="boton_3" onclick="devolverId(event)">Boton 3</button>

1

Aquí una forma sencilla agrega una clase común a cada botón luego distingues a través del this = clickeado. Luego tomas el atributo con .attr("id").

$('.btnCiudad').click(function(){
    var id = $(this).attr("id"); // id Boton clickeado
    alert(id);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="boton_1" class="btnCiudad">Boton 1</button>
<button id="boton_2" class="btnCiudad">Boton 2</button>
<button id="boton_3" class="btnCiudad">Boton 3</button>

0

Le puedes poner el mismo nombre a los 3 botones(con el atributo name) y hacer un listener en jQuery algo así:

$('button[name="nombre_del_boton"]').click(function(){
    var id = $(this).attr('id')
    //Ponerselo a un hidden input algo así
    $('#id_de_tu_hidden').attr('id',id)

}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.