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

上記のコードは機能しません。誰かが私に間違いを見せてもらえますか？

4

2 に答える 2

3

おそらく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" />
于 2012-07-03T21:18:46.407 に答える
0

onclickHTML マークアップからイベントを取り出して、そのunobutrusive方法で実行します。イベント機能をドキュメント準備完了イベントにバインドしていることを確認してください。

このように使用してください

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

Jsfiddle サンプル : http://jsfiddle.net/p9tdf/1/

于 2012-07-03T21:21:31.197 に答える