Trovare il 'tipo' di un elemento di input

Question

Mi piacerebbe essere in grado di trovare il tipo di qualcosa sulla pagina utilizzando javascript. Il problema è il seguente: Devo verificare se un'area specifica è una casella di controllo/un pulsante di opzione/o un campo di testo.

Se è una casella di controllo o un pulsante di opzione, non ha una lunghezza (senza stringhe), altrimenti se è un campo di testo, devo verificare se contiene o meno caratteri. La pagina viene creata dinamicamente, quindi a volte una casella di controllo può essere visualizzata altre volte in un campo di testo.

Quindi il mio pensiero è trovare il tipo di input, quindi determinare cosa fare.

Qualsiasi suggerimento sarebbe apprezzato.

Grazie in anticipo.

Answer 1

Verificare la proprietà type. Sarebbe sufficiente?

Answer 2

Se si desidera controllare il tipo di ingresso nel modulo, utilizzare il seguente codice:

<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

Se si utilizza jQuery è possibile controllare facilmente il tipo di qualsiasi elemento.

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

Allo stesso modo è possibile controllare gli altri tipi e prendere i provvedimenti opportuni.