CODEWITHSUNDEEP
javascripthtml
bmaglar
bmaglar

Reputation: 31

Hiding input doesnt work

<input type="checkbox" name="AvatarfileSelected" value="image" 
       id="AvatarfileSelected" onclick="$('#extra').hide('slow')"/>
<span style="color:#538f05;">Change Image</span>
<div id="extra">
    <input type="file" name="avatarfile" id="avatarfile"></input>
</div>

The above code doesn't work. Could someone show me the mistakes?

Upvotes: 0

Views: 64

Answers (2)

gdoron
gdoron

Reputation: 150273

You probably didn't include jQuery...

Use vanilla javascript:

onclick="document.getElementById('extra').style.display = 'none'";

Instead of:

onclick="$('#extra').hide('slow')"

(Or include jQuery if you want to use it.)

BTW, <input> doesn't have a closing tag: </input>

Replace:

<input type="file" name="avatarfile" id="avatarfile"></input>

With:

<input type="file" name="avatarfile" id="avatarfile" />

Upvotes: 3

Shyju
Shyju

Reputation: 218812

Take out the onclick event from the HTML markup and do it in unobutrusive way. Make sure you bind your event functionalities in document ready event.

Use it like this

$(function(){       
    $("#AvatarfileSelected").click(function(){    
       $("#extra").hide();        
    }); 
});​

Jsfiddle sample : http://jsfiddle.net/p9tdf/1/

Upvotes: 0

Related Questions