用Jq遍历一个div里面的所有input 并判断是否为空？

Posted yangzailu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用Jq遍历一个div里面的所有input 并判断是否为空？相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="scripts/jquery-1.7.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnSubmit").click(function () {
                $("input[type=‘text‘]").each(function () {
                    if ($(this).val() == "") {
                        alert("不能为空！");
                    }
                })
            })
        })
    </script>
</head>
<body>
    <div id="test">
        <input type="text" id="txtName" />
        <input type="text" id="txtPwd" />
        <input type="button" id="btnSubmit" value="提 交" />
    </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="scripts/jquery-1.7.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnSubmit").click(function () {
                $("div").find("input[type=‘text‘]").each(function () {
                    if ($(this).val() == "") {
                        alert("不能为空！");
                    }
                })
            })
        })
    </script>
</head>
<body>
    <div id="test">
        <input type="text" id="txtName" />
        <input type="text" id="txtPwd" />
        <input type="button" id="btnSubmit" value="提 交" />
    </div>
</body>
</html>

 

以上是关于用Jq遍历一个div里面的所有input 并判断是否为空？的主要内容，如果未能解决你的问题，请参考以下文章

jq 遍历 元素

如何用jq获取一个div内部所有input[type='text']的值

JQ选择器篇2

JQ用变量关联input name

用jq或者js自动获取标签a内容然后写入标签b

vuejs判断div内的input是不是有值