Javascript 当我检查是否至少有一个输入已完成时显示一个按钮,当输入==null时隐藏同一个按钮
我想在检查是否至少有一个输入已完成时显示一个按钮,并在输入==null时隐藏同一个按钮。这是我的档案Javascript 当我检查是否至少有一个输入已完成时显示一个按钮,当输入==null时隐藏同一个按钮,javascript,html,jquery,jsp,hybris,Javascript,Html,Jquery,Jsp,Hybris,我想在检查是否至少有一个输入已完成时显示一个按钮,并在输入==null时隐藏同一个按钮。这是我的档案 ACC.multiLogin={ _自动加载:[ “输入字段” ], inputField:函数(){ $(“#多登录搜索输入”)。在('input',function()上{ var输入=假; $(“#多登录搜索输入.文本输入”).each(函数(){ if($(this.val()!=“”&&$(this.val()!=null){ 输入=真; $(“#按钮行”).removeClass(
ACC.multiLogin={
_自动加载:[
“输入字段”
],
inputField:函数(){
$(“#多登录搜索输入”)。在('input',function()上{
var输入=假;
$(“#多登录搜索输入.文本输入”).each(函数(){
if($(this.val()!=“”&&$(this.val()!=null){
输入=真;
$(“#按钮行”).removeClass(“d-none”);
}else if($(this).val()=“”){
输入=真;
//$(“#按钮行”).removeClass(“#按钮行”);
$(“#按钮行”).addClass(“d-none”);
}
});
});
}
}
客户编号
国家
邮政编码
客户名称
城市
地址
请查看这些。
和
这可以获取输入的id,并将其从隐藏更改为文本
document.getElementById('myElement').type = 'text';
您还可以使用一些css从
display: none;
及
将检查定义为箭头函数,并在输入中的每个keyup事件中调用 在页面加载时,您可以调用该方法,也可以只使用.hide(),如下代码段所示
var showHideButton=()=>{
设hasValue=false;
$(“#多登录搜索输入.文本输入”).each(函数(){
if($(this.val()){
hasValue=true;
}
});
如果(hasValue==true){
$(“#按钮行”).show();
}否则{
$(“#按钮行”).hide();
}
}
//检查向上键的输入值
$(“#多登录搜索输入.文本输入”).keyup(函数(){
showHideButton();
});
//在页面加载时隐藏按钮的步骤
showHideButton();
//或SIMPLEY调用$(“#按钮行”).hide()代码>
客户编号
国家
邮政编码
客户名称
城市
地址
按钮
在页面加载时,是否希望根据输入值隐藏按钮?是的,我想在输入中输入任何值以显示按钮。当我清除输入时,按钮将被隐藏。请查看下面的代码。让我知道这是否适合你如果我在课堂上,这个div:Button中的id如何写class='d-none'?如果您想使用class而不是id,只需使用$('.button行').show(),$('.button行').hide()。如果要使用其他类,只需将('.button行')替换为('.d-none')非常感谢。这就是我搜索的。这是一个最好的解决方案。我想隐藏这个按钮。你需要一些JavaScript来更改它的输入类型。
display: block;