jQueryでチェックボックスにチェックを入れて検索条件を有効にする

jQueryでチェックボックスにチェックを入れて検索条件を有効にするようなフォームを良く見かけます。

例えば、「絞り込む」と言うチェックボックスがあり、チェックをいれて無効化されていたさらに細かい検索条件が有効化され、チェックをはずすと、検索条件が無効化されるといった類のフォームです。

jQueryでチェックボックスにチェックを入れると検索条件を有効にする

まず$(セレクタ).prop(“disabled”,true);でラジオボタンを無効にします。

次にチェックボックスがクリックされた時の処理を記述しますが、単にpropで有効にしたり無効にしたりするだけです。

DEMOです。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA