Comprobar si la entrada es de texto, seleccionar, área de texto o radio

Question

Tengo un formulario con diferentes campos de entrada HTML ...

1) <input type="text"> 
2) <textarea></textarea> 
3) <input type="checkbox"> 
4) <input type="radio"> 
5) <select></select> 

¿cómo iba a ser capaz de determinar qué tipo de campo de entrada que está usando jQuery. Por ejemplo: si quería hacer una comprobación para ver si input = "select" y luego hacer cosas.

Answer 1

$('input') // selects all types of inputs 
$('input:checkbox') // selects checkboxes 
$('select') // selects select element 
$('input:radio') // selects radio inputs 
$('input[type="text"]') // selects text inputs 

puede utilizar event.target.type, esta alerta qué tipo de input, o textreaselect es el objetivo del evento.

$('input, textarea, select').change(function(event){ 
    alert(event.target.type) 
}) 

http://jsfiddle.net/Q4BNH/

Answer 2

para 1, 3, 4:

$("input").attr('type'); 

Answer 3

le sugiero que utilice jQuery es la sintaxis

http://api.jquery.com/is/

Algo a lo largo de las líneas de

$(document).ready(function() { 
    var items = $("input"); 
    if(items.first().is("input[type=text]")) { 
    alert("Text type");    
    } 
}); 

Puede comprobar aquí afuera http://jsfiddle.net/JRLn9/2/

Answer 4

var tipo = $('#elemento14').attr('type'); 

Answer 5

Usted puede utilizar .is de jQuery(). Por ejemplo

if ($(this).is("input")) //or 
    if ($(this).is('input:text')) 

Más información here

Answer 6

Puede hacer esto escribiendo un selector que se tire a cabo cada uno de estos elementos, y luego se puede iterar a través de ellos y comprobar el tipo. Algo como esto:

$('input, textarea, select').each(function() { 
    var el = $(this); 
    if(el.is('input')) { //we are dealing with an input 
     var type = el.attr('type'); //will either be 'text', 'radio', or 'checkbox 
    } else if(el.is('select')) { //we are dealing with a select 
     //code here 
    } else { //we are dealing with a textarea 
     //code here 
    } 
}); 

Answer 7

Utilice .focus(); ?

http://jsfiddle.net/U9Raa/

Answer 8

Puede recorrer todos los elementos de formulario utilizando :input como selector. Desde select y textarea elementos no tienen un atributo type, que desea utilizar .is()

$(':input').each(function(){ 
     if($(this).is('select')){ 
      var inputType = 'select'; 
     }else if($(this).is('input:text')){ 
      var inputType = 'text'; 
     }else if($(this).is('input:checkbox')){ 
      var inputType = 'checkbox'; 
     } 
     console.log('input type = '+inputType+'); 
    });