jQueryにてフォーム値を全クリア

例えば検索フォームなどで、入力した検索内容を

全クリアしたい場合などあると思います。


<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ちゃん。

おすすめ記事


コメントを残す




Menu

HOME

 TOP