如何在javascript中隐藏文本框 [英] How to hide a textbox in javascript

问题描述

我有4个文本框，当页面加载时它全部加载。之后我想隐藏文本框2如果没有数据输入到文本框1中。

任何人都可以帮忙。!!!



我尝试过放射性按钮列表，如下所示..但不知道文本框怎么做... !!!



提前谢谢.. !! ！



我尝试过：



function showHide（）{

if（document.getElementById（'rbtlstFees'）。value =='1'）

{

document.getElementById（'txtBxId' ）.style.visibility ='visible';

document.getElementById（'txtBxId'）。style.display ='block';

document.getElementById（'lblId' ）.style.visibility ='visible';

document.getElementById（'lblId'）。style.display ='block';

}

else

{

document.getElementById（'txtBxId'）。style.visibility ='hidden';

document.getElementById（' lblId'）。style.visibility ='hidden';

}

}

I have 4 textbox and its all loading when page get loaded. After that i want to hide the textbox 2 if no data is entered in to textbox 1.
Can any one help on this.!!!

I tried for radiobutton list which shown bellow .. but not idea on textbox how to do ...!!!

Thanks in advance..!!!

What I have tried:

function showHide(){
if(document.getElementById('rbtlstFees').value=='1')
{
document.getElementById('txtBxId').style.visibility='visible';
document.getElementById('txtBxId').style.display = 'block';
document.getElementById('lblId').style.visibility='visible';
document.getElementById('lblId').style.display = 'block';
}
else
{
document.getElementById('txtBxId').style.visibility='hidden';
document.getElementById('lblId').style.visibility='hidden';
}
}

推荐答案

您可以在特定文本框的更改或按键事件上编写代码以显示或隐藏控件。



您也可以使用jquery来实现这一点。

You can write code on change or on key press event of a particular textbox to show or hide control.

You can also use jquery to achieve this.

（document）.ready（

function（）{

(document).ready(
function() {

（'＃test'）。keypress（



function（） {

var value = document.getElementById（'test'）。value;

alert（value）;

}）;

}）



< input id =testtype =text/>

('#test').keypress(

function() {
var value = document.getElementById('test').value;
alert(value);
});
})

<input id="test" type="text" />

这篇关于如何在javascript中隐藏文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！