隐藏输入不起作用

Hiding input doesnt work

本文关键字：不起作用 输入 隐藏      更新时间：2023-09-26
<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>

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

你可能没有包括jQuery...

使用vanilla 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" />

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

像这样使用它

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

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

相关文章：