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/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>

效果图:

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