Verificare se l'ingresso è casella di testo, selezionare, textarea o la radio

Question

Ho una forma con diversi campi di input html ...

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

Come potrei essere in grado di determinare quale tipo di campo di input si sta usando jQuery. Ad esempio: se volevo fare un controllo per vedere se input = "select" quindi fare cose.

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 

è possibile utilizzare event.target.type, questa avvisi che tipo di input, textrea o select è l'obiettivo della manifestazione.

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

http://jsfiddle.net/Q4BNH/

Answer 2

per 1, 3, 4:

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

Answer 3

vi suggerisco di utilizzare JQuery è la sintassi

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

Qualcosa sulla falsariga di

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

È possibile controllare qui fuori http://jsfiddle.net/JRLn9/2/

Answer 4

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

Answer 5

È possibile utilizzare .is di jQuery(). Per esempio

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

Maggiori informazioni here

Answer 6

È possibile farlo scrivendo un selettore che tirerà fuori ciascuno di questi elementi, e quindi si può scorrere attraverso di loro e verificare il tipo. Qualcosa del genere:

$('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

Utilizzare .focus(); ?

http://jsfiddle.net/U9Raa/

Answer 8

È possibile scorrere tutti gli elementi del modulo utilizzando :input come selettore. Dal momento che select e textarea elementi non hanno un attributo type, si consiglia di utilizzare .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+'); 
    });