input 两个input框只能允许同时输入一个

Posted 2020-12-17 .一天

html

<label class="border-bottom ">
<span>金额(一次性)</span>
<input type="text" placeholder="请输入金额" id="money" onchange="changeipt()"/>
</label>
<div class="fenqi">
<span>金额(分期)</span>
<p>分<input type="number" id="stages" onchange="changeipt()" onkeyup="value=value.replace(/[^\d]/g,‘‘)" onblur="value=value.replace(/[^\d]/g,‘‘)" /> 期</p>
<p>每期<input type="number" id="elements" onchange="changeipt()" />元</p>
</div>

 

js

function changeipt(){
var money=$("#money").val();
var stages=$("#stages").val();
var elements=$("#elements").val();
$(‘.fenqi input‘).c
if (money!=""){ //第一个input框不为空,第二个无法输入
$("#stages").attr("disabled","disabled");
$("#elements").attr("disabled","disabled");
}else { //第一个input框为空,第二个移除disable
$("#stages").removeAttr("disabled");
$("#elements").removeAttr("disabled")
}
if(stages!=""||elements!=""){
$("#money").attr("disabled","disabled");
}else {
$("#money").removeAttr("disabled")
}
}
//初始化
$(function () {
changeipt()
});