Check if input value was empty change text

Question

I wrote the below code for changing the text of div that called active yes, based on value of each input with type hidden. i want to change the text of this div if input with id enable to "Enable List" and if input with classname delete has value changes the div text to "Deleted list" and if both of them was null show "list". my code does not work correctly. what is my problem? here is my snippet :

 $(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>

you need to do on change or keyup event instead of on DOM ready — Se0ng11
– Se0ng11, Commented Sep 25, 2017 at 6:01
@Se0ng11 it is ok . i take the value of my inputs from my addressbar , my problem is another thing — aynaz
– aynaz, Commented Sep 25, 2017 at 6:04
I'm not understanding what you are trying to do. Can you explain in different words? — IzzyCooper
– IzzyCooper, Commented Sep 25, 2017 at 6:04
@IzzyCooper i want to change div's text that called activeyes. if input with id enable was not null set text to enable list, and if input with id delete was not null set that text to deleted list , anf if both of these inputs were null change text to list — aynaz
– aynaz, Commented Sep 25, 2017 at 6:06
Still not getting it. Are the inputs [id="enable"] and [id="delete"] meant to be textboxes? Shouldn't they be checkboxes that can be toggled, or am I missing something? — IzzyCooper
– IzzyCooper, Commented Sep 25, 2017 at 6:17

Shiladitya · Accepted Answer · 2017-09-25 06:21:15Z

3

You are overwriting effect of the first check by the second check; you need to check the 2 inputs value together. Still, it is unclear what will happen if both are non-empty.

$(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>

edited Sep 25, 2017 at 6:21

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

answered Sep 25, 2017 at 6:08

dev8080

4,0051 gold badge15 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

aynaz Over a year ago

That will not happen and i have only one of them with value. Thank You in Advance

gurvinder372 · Accepted Answer · 2017-09-25 06:07:00Z

1

what is my problem?

You need to check the value of input when it changes its value, so capture the change event.

$(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');
    }
  });
});

<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>

answered Sep 25, 2017 at 6:07

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

Check if input value was empty change text

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related