東京うぇ部

PHPをメインにしたプログラム情報共有サイト

JavaScript

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

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

コメントを残す




このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事