each遍历所有input值判断是否为空

最新推荐文章于 2022-06-09 13:59:29 发布

原创最新推荐文章于 2022-06-09 13:59:29 发布 · 7.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#each #遍历

js 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用jQuery检查HTML页面中多个文本输入框值是否为空的方法，并提供了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input的值</title>
    <style type="text/css">
        ul li{
            list-style: none;
            margin-top: .5rem;
        }
    </style>
</head>
<body>
    <ul>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="button" name="" value="判断值是否为空"></li>
    </ul>
</body>
<script type="text/javascript" src='jquery-1.8.2.min.js'></script>
<script type="text/javascript">
    $('li:last').on('click',function(){
        $('input[type=text]').each(function(){
            if ($(this).val()=='') {
                alert('为空')
            }else{
                var val = $(this).val()
                alert(val)
            }
        })
    })
</script>
</html>

 $(this).val()=='' 或者$(this).val().length==0  //都可以判断input的值