javascript - 检查输入值是否为空更改文本

Question

我编写了以下代码，用于根据隐藏类型的每个输入的值更改名为 active yes 的 div 文本。我想更改此 div 的文本，如果带有 id 的输入启用为“启用列表”，并且如果带有类名删除的输入具有值，则将 div 文本更改为“已删除列表”，如果两者都为空，则显示“列表”。我的代码无法正常工作。我的问题是什么？这是我的片段:

 $(document).ready(function() {
   tmpval = $('#enable').val();
   if (tmpval == '') {
     $('.activeyes').text('list');
   } else {
     $('.activeyes').text('Enable List');
   }  
      
   tmpval2 = $('#delete').val();
   if (tmpval2 == '') {
     $('.activeyes').text('List');
   } else {
	 $('.activeyes').text('Deleted List');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<input type="text" value="aa" id="enable" />
<input type="text" value="" id="delete" />
<h1 class="activeyes"> List</h1>

Answer 1

您正在用第二次检查覆盖第一次检查的效果；您需要一起检查 2 个输入值。尽管如此，尚不清楚如果两者都非空会发生什么。

$(document).ready(function() {
  tmpval = $('#enable').val();
  tmpval2 = $('#delete').val();
  if (tmpval == '' && tmpval2 == '') {
    $('.activeyes').text('list');
  } else if( tmpval!='' ){
    $('.activeyes').text('Enable List');
  } else if( tmpval2!='' ){
    $('.activeyes').text('Deleted List');
  }  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<input type="text" value="aa" id="enable" />
<input type="text" value="" id="delete" />
<h1 class="activeyes"> List</h1>