按钮隐藏并显示重置

时间:2017-05-23 19:21:34

标签: html

你好我有一个问题我要重置按钮如果字段为空,如果输入值则不显示重置,显示重置  重置

2 个答案:

答案 0 :(得分:0)

对于jquery ill recomand this

$( "input" ).change(function() {
  var val = $(this).val();
  if(val == ""){
     $("#yourresetbutton").hide();
  }else{
     $("#yourresetbutton").show();
  }
});

答案 1 :(得分:0)

我不确定你的意思,但我认为只要文本框留空,你就想要一个按钮。如果是这样,您可以使用以下代码:

<input id='textbox' type='text'></input>
<button id='resetButton'></button>

setInterval(checkText, 10)
function checkText() {
    if(document.getElementById('textbox').value == '') {
        document.getElementById('resetButton').visibility = 'visible';
    }
    else() {
        document.getElementById('resetButton').visibility = 'hidden';
    }
}