【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("");
            }
        });
    });
});

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