Obtiene el tipo de elemento de formulario con jQuery

Question

Tengo un formulario con algunas entradas y selecciones. Quiero obtener el tipo de elemento en su clic con jQuery. Sé que puedo usar attr("input") para ver si el elemento es radio, casilla de verificación o texto, pero ¿qué pasa con selects y textarea?

¿Existe una función general como .type() para obtenerlo?

Answer 1

Puede usar :input para seleccionar todos los elementos de entrada.

Usted podría intentar algo como ...

$('#your-form').find(':input').click(function() { 
    var type = this.type || this.tagName.toLowerCase(); 
    alert(type); 
}); 

Para input elementos, esto debería darle su atributo type, como text, radio, checkbox, etc.

Para select y textarea elementos, debe darle el nombre de la etiqueta como select o textarea.

Answer 2

Primera .attr('input') no le dará el tipo, utilizar esto para las entradas:

var type = $('input').attr('type') 

Para las entradas, seleccionar y área de texto:

$('#formId :input').click(function() { 
    alert(this.tagName != 'INPUT' ? this.tagName : this.type); 
});​ 

:input selector de docs:

Descripción: selecciona todos los elementos de entrada, área de texto, selección y botón.

JSFiddle DEMO

Answer 3

Selecciona y áreas de texto son diferentes etiquetas. Use tagName.

element.tagName 

Answer 4

Conseguir el tipo de elemento (entrada, seleccionar, div, extenderse etc):

var elementType = $(this).prop('tagName'); 

Comprobación de concreto tipo de elemento:

var is_element_input = $(this).is("input"); //true or false 

Conseguir el tipo de entrada (input type="button" etc)

var inputType = $(this).attr('type'); 

Answer 5

Dar a todos los elementos de un nombre de clase decir "CheckType" y luego utilizar: -

$(".checktype").click(function(){ 
    alert(this.tagName); 
})