jquery 当一个input框不为空时，控制另外一个输入框不可用

最新推荐文章于 2024-04-27 23:07:09 发布

water_Popcorn

最新推荐文章于 2024-04-27 23:07:09 发布

阅读量2k

点赞数 2

分类专栏： jquery

本文链接：https://blog.csdn.net/water_Popcorn/article/details/90445526

版权

jquery 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

Html源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<p>当输入框1中有值的时候，输入框2不可以使用</p>
<label>输入框1：</label>
<input type="text" id="input1">
<br>
<label>输入框2：</label>
<input type="text" id="input2">

</body>

script源码：

<script>
    $(function(){
        $("#input1").bind("input propertychange",function () {//监控输入框1
            var a = $("#input1").val();//获取输入框1的值
            alert(a);
           if(a!=""){            //若输入框1的内容不为空，则输入框2不可用
               $("#input2").attr("disabled","disabled");  //设置输入框2不可用
           }else if(a==""){
               $("#input2").removeAttr("disabled");    //移除不可用的属性
           }
        });
    })
</script>

效果图：

water_Popcorn

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery 当一个input框不为空时，控制另外一个输入框不可用

Html源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/j...
复制链接

扫一扫