javascript - Can't fire function on document load -


html:

<input class="test removeme" type="text"> 

jquery:

$(function () {     function isempty() {         if (!$(".test").val()) {             $(this).removeclass("removeme");         } else {             $(this).addclass("addme");         }     }     isempty(); }); 

please, tell me, wrong?

i want isempty fire on load/reload , check if input has value. if doesn't, remove removeme class. if have value, add addme class it.

console empty, can't figure out why isn't working properly.

update:

very odd... fire proper alert relatively if empty or not, doesn't add/remove classes. https://jsfiddle.net/37tt3x72/1/

update 02

it work, not exactly... https://jsfiddle.net/37tt3x72/2/ this isn't working... if replace targeted element, work. question remained: why this isn't working here?

call function document on ready function.

function isempty() {     if (!$(".test").val()) {         $(this).removeclass("removeme");     } else {         $(this).addclass("addme");     } }  $(document).ready(function(){   isempty(); }); 

Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -