Tìm 'loại' của yếu tố đầu vào

Question

Tôi muốn có thể tìm thấy loại nội dung nào đó trên trang bằng javascript. Vấn đề là như sau: Tôi cần kiểm tra xem một khu vực cụ thể có là hộp kiểm/nút radio/hoặc trường văn bản hay không.

Nếu hộp kiểm hoặc nút radio của nó không có chiều dài (không có chuỗi trong đó), nếu không trường văn bản tôi cần kiểm tra xem nó có chứa ký tự hay không. Trang được tạo tự động nên đôi khi một hộp kiểm có thể được hiển thị lần khác một trường văn bản.

Vì vậy, suy nghĩ của tôi là tìm loại đầu vào, sau đó xác định việc cần làm.

Mọi đề xuất sẽ được đánh giá cao.

Xin cảm ơn trước.

Answer 1

Kiểm tra thuộc tính type. Điều đó có đủ không?

Answer 2

Nếu bạn muốn kiểm tra các loại đầu vào trong hình thức, sử dụng đoạn mã sau:

<script> 
    function getFind(obj) { 
    for (i = 0; i < obj.childNodes.length; i++) { 
     if (obj.childNodes[i].tagName == "INPUT") { 
      if (obj.childNodes[i].type == "text") { 
       alert("this is Text Box.") 
      } 
      if (obj.childNodes[i].type == "checkbox") { 
       alert("this is CheckBox.") 
      } 
      if (obj.childNodes[i].type == "radio") { 
       alert("this is Radio.") 
      } 
     } 
     if (obj.childNodes[i].tagName == "SELECT") { 
      alert("this is Select") 
     } 
    } 
} 
</script>  

<script>  
    getFind(document.myform); 
</script> 

Answer 3

Nếu bạn đang sử dụng jQuery, bạn có thể dễ dàng kiểm tra kiểu của bất kỳ yếu tố.

function(elementID){  
    var type = $(elementId).attr('type'); 
    if(type == "text") //inputBox 
    console.log("input text" + $(elementId).val().size()); 
    } 

tương tự bạn có thể kiểm tra các loại khác và thực hiện hành động thích hợp.