jQuery 两个input框一个input输入内容,另外一个input无法输入

赵子樑

于 2020-05-28 10:29:07 发布

阅读量972

点赞数

分类专栏： jsp jQuery

本文链接：https://blog.youkuaiyun.com/weixin_43815607/article/details/106398277

版权

jsp 同时被 2 个专栏收录

2 篇文章

订阅专栏

jQuery

1 篇文章

订阅专栏

<input type="text" id="subInputValue01" onChange="changeInputValue()"></input>
<input type="text" id="subInputValue02"  onChange="changeInputValue()"></input>

//采用的是jQuery,不是JavaScript
 function changeInputValue(){
        var subInputValue01=$("#subInputValue01").val();
        var subInputValue02=$("#subInputValue02").val();
       if (subInputValue01!=""){			//第一个input框不为空,第二个无法输入
        	$("#subInputValue02").attr("disabled","disabled");
       }else {										//第一个input框为空,第二个移除disable
           $("#subInputValue02").removeAttr("disabled")
	   }
	   if (subInputValue02!=""){
           $("#subInputValue01").attr("disabled","disabled");
       }else {
           $("#subInputValue01").removeAttr("disabled")
       }
    }
    //初始化
    $(function () {
       changeInputValue();
    });