Sprawdź, czy wejście jest pole tekstowe, select, textarea lub radiowy

Question

Mam formularz z różnych pól wejściowych html ...

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

Jak będę w stanie określić, jaki typ pola wprowadzania go za pomocą jQuery. Na przykład: jeśli chcę zrobić, aby sprawdzić, czy input = "select", a następnie wykonaj rzeczy.

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 

można użyć event.target.type, to alarmy, jaki rodzaj input, textrea lub select jest celem imprezy.

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

http://jsfiddle.net/Q4BNH/

Answer 2

za 1, 3, 4:

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

Answer 3

Proponuję użyć jQuery jest składnia

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

Coś wzdłuż linii

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

można sprawdzić to tutaj http://jsfiddle.net/JRLn9/2/

Answer 4

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

Answer 5

Można użyć .is jQuery(). Na przykład

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

Więcej informacji here

Answer 6

Można to zrobić pisząc selektor że wyciągnie każdy z tych elementów, a następnie można iterację nich i sprawdzić typ. Coś takiego:

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

Użyj .focus(); ?

http://jsfiddle.net/U9Raa/

Answer 8

Można pętli wszystkich elementów formularzy wykorzystujących :input jako selektor. Od select i textarea elementy nie mają atrybut type, którego chcesz użyć .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+'); 
    });