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

时间:2017-09-25 05:59:42

标签: javascript jquery

我编写了以下代码,用于根据隐藏类型的每个输入的值更改调用active yes的div文本。 如果输入ID为"启用列表"我想更改此div的文本如果使用classname delete输入值,则将div文本更改为" Deleted list"如果它们都是null,则显示" list"。 我的代码无法正常工作。 我的问题是什么? 这是我的片段:



 $(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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:3)

您通过第二次检查覆盖第一次检查的效果;你需要一起检查2个输入值。不过,目前还不清楚如果两者都非空,将会发生什么。

&#13;
&#13;
print(str(d).count('value1'))
&#13;
$(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');
  }  
});
&#13;
&#13;
&#13;

答案 1 :(得分:1)

  

我的问题是什么?

您需要在change更改其值时检查其值,以便捕获$(document).ready(function() { $('#enable, #delete').change(function() { var $this = $(this); var id = $this.attr("id"); var value = $this.val(); if (value.length == 0) { $('.activeyes').text('list'); } else { id == "enable" ? $('.activeyes').text('Enable List') : $('.activeyes').text('Deleted List'); } }); });事件。

&#13;
&#13;
<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>
&#13;
{{1}}
&#13;
&#13;
&#13;