首页 > 其他 > 详细

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

时间:2020-07-19 14:32:13      阅读:215      评论:0      收藏:0      [点我收藏+]

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框只能允许同时输入一个

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!