I am writing a if/else statement that includes css in it. The if part works but the else part does not. What am I doing wrong, can someone guide me thanks?!
This is my statement.
if(!$(#ron.val()){
$("#ron_lan").attr("disabled",true).css({"opacity":0.3});
}
else{
alert('else');
$("select#ron_lan").attr("disabled",false).css({"opacity":1});
}
$(#ron.val() is invalid and will always be false. It should be
$('#ron').val()
Notice the brackets and quotes. #ron is the selector in this case.
Also, don't use attr('disabled', false). You should just remove the attribute entirely with removeAttr('disabled')
Depends on what the value of #ron is. If it is an input the possible values are text, empty or spaces.
For example:
!"" // Negating an empty string gives you TRUE
!" " // Negating a space gievs you FALSE
!"any text 123" // Negating any text gives you FALSE
!undefined // Negating undefined gives you TRUE, read on...
It can also depend on the existance of #ron. If the element with id #ron does not exist, or does not have a "value" property (is not an input). jQuery will always return undefined which could explain why !undefined will always return true and your else path is never reached.
Recap:
#ron exists on the html eg. $('#ron').length should return 1 #ron is an input or textarea so that $('#ron').val() wont return undefined 