例えば検索フォームなどで、入力した検索内容を
全クリアしたい場合などあると思います。
<input type="reset" value="クリア" />
これでもクリアはできますが、特定の値を持っている場合には
クリアしてくれません。
その時にjQueryで一発(までもいきませんが)でクリアできる方法がございます。
以下をフォームの中に設置しクリア(ボタン)を表示。
<a id="clearForm" >クリア</a>
以下でクリックされた時にフォーム中の入力内容が全クリアになります。
<script language="javascript" type="text/javascript"> $(function() { $('#clearForm').bind('click', function(){ $(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false); }); </script>
あーなんて便利なjQueryちゃん。