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());
   }

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

Answer 4

检查输入类型

<!DOCTYPE html>
<html>
<body>

    <input type=number id="txtinp">
    <button onclick=checktype()>Try it</button>

    <script>
        function checktype() 
        {
            alert(document.getElementById("txtinp").type);
        }
    </script>

</body>
</html>

查找输入元素的“类型”

4 个答案: