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>
效果图: