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
Post a Comment