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

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

lily2016n

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

阅读量7.7k

点赞数 1

分类专栏： js 文章标签： each 遍历

本文链接：https://blog.csdn.net/lily2016n/article/details/77884833

版权

js 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

<!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的值

lily2016n

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
each遍历所有input值判断是否为空

<!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;
复制链接

扫一扫