隱藏輸入不工作

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

上面的代碼不工作。有人能告訴我錯誤嗎？隱藏輸入不工作

來源

2012-07-03 bmaglar

是否包含jQuery的... – gdoron

如果這是你會看到一個錯誤在JavaScript控制檯 –

的情況下添加一個分號？ – Don

你可能不包括jQuery的...

使用香草的javascript：

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

相反的：

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

（或者包括jQuery的，如果你想使用它。）

BTW， <input>沒有結束標籤：</input>

替換：

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

有了：

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

來源

2012-07-03 21:18:46 gdoron

取出從HTML標記的onclick事件，並做到在unobutrusive方式。確保您在文檔ready事件中綁定事件功能。

使用方法如下

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

的jsfiddle樣本：http://jsfiddle.net/p9tdf/1/

來源

2012-07-03 21:21:31 Shyju

雖然這是使用jQuery的正確方法，但它是如何回答這個問題的？ – gdoron

隱藏輸入不工作

回答

相關問題