2010年8月10日火曜日

【JavaScript】jQueryで検索条件を一括でクリアする

webシステムの検索画面で「クリア」ボタンをクリックしたときにjQueryを使って簡単にクリアする方法

コードサンプル

$(function() {
    $("#button-clear").click(function(){
        $(".search-area input, .search-area select").each(function(){
            if (this.type == "checkbox" || this.type == "radio") {
                this.checked = false;
            } else {
                $(this).val("");
            }
        });
    });
});

ポイントはラジオボタンとチェックボックスのときだけ処理を分岐することぐらい。

コメントを投稿
Related Posts Plugin for WordPress, Blogger...

Blog Archives