Kiểm tra nếu đầu vào là textbox, chọn, textarea hoặc radio

Question

Tôi có một hình thức với các lĩnh vực khác nhau html đầu vào ...

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

Làm thế nào tôi sẽ có thể xác định loại trường nhập nó được sử dụng jQuery. Ví dụ: Nếu tôi muốn kiểm tra xem liệu đầu vào = "chọn" có thực hiện được không.

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 

bạn có thể sử dụng event.target.type, cảnh báo này loại input, textrea hoặc select là mục tiêu của sự kiện này.

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

http://jsfiddle.net/Q4BNH/

Answer 2

Đối với 1, 3, 4:

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

Answer 3

tôi đề nghị bạn sử dụng JQuery là cú pháp

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

cái gì đó dọc theo dòng của

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

Bạn có thể kiểm tra nó ra ở đây http://jsfiddle.net/JRLn9/2/

Answer 4

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

Answer 5

Bạn có thể sử dụng .là jquery của(). Ví dụ

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

Thông tin thêm here

Answer 6

Bạn có thể làm điều này bằng cách viết một selector sẽ kéo ra mỗi người trong số những yếu tố này, và sau đó bạn có thể lặp qua chúng và kiểm tra các loại. Một cái gì đó như thế này:

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

Sử dụng .focus(); ?

http://jsfiddle.net/U9Raa/

Answer 8

Bạn có thể lặp qua tất cả các yếu tố hình thức sử dụng :input như selector. Kể từ select và textarea yếu tố không có một thuộc tính type, bạn muốn sử dụng .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+'); 
    });