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

使用vanilla javascript：

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

而不是：

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

（或者如果你想使用jQuery，请包含jQuery。）

顺便说一句，<input>没有结束标记：</input>

替换：

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

使用：

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

Answer 2

从HTML标记中取出onclick事件，并以unobutrusive方式执行此操作。确保在文档ready事件中绑定事件功能。

像这样使用

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

Jsfiddle样本：http://jsfiddle.net/p9tdf/1/

隐藏输入不起作用

2 个答案: