javascript - 隐藏输入不起作用

Question

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

上面的代码不起作用。有人可以告诉我错误吗？

Answer 1

您可能没有包含 jQuery...

使用普通 JavaScript:

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

而不是:

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

(或者如果您想使用 jQuery，请包含它。)

<小时/>

顺便说一句，<input>没有结束标签:</input>

替换:

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

与:

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