查找输入元素的"类型"

Question

我希望能够使用javascript在页面上找到某种类型的东西.问题如下:我需要检查特定区域是否是复选框/单选按钮/或文本字段.

如果它是一个复选框或单选按钮,它没有长度(没有字符串),否则如果它是一个文本字段我需要检查它是否包含字符.页面是动态创建的,因此有时可能会在文本字段中显示复选框.

所以我的想法是找到输入的类型,然后确定要做什么.

任何建议,将不胜感激.

提前致谢.

Answer 1

检查type酒店.这样就够了吗？

Answer 2

如果要检查表单中的输入类型,请使用以下代码:

<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

如果您使用的是jQuery,则可以轻松检查任何元素的类型.

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

同样,您可以检查其他类型并采取适当的措施.