码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-19 16:15:08      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:border   tom   cti   key   第一个   inpu   else   stage   lse   

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()
});

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

标签:border   tom   cti   key   第一个   inpu   else   stage   lse   

原文地址:https://www.cnblogs.com/feng--yan/p/13339139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!