:checked擬似クラスでチェックボックスに連動して要素を表示させる方法
CSSの:checked擬似クラスを使って、チェックボックスに連動して要素を表示させる方法を紹介します。 １．はじめに 次のようなチェックボックスがあるとします。 そして、チェックボックスのチェックに連動してテキストフィールドを表示（または非表示）させるものとします。 このような制御を行いたい場合、次のようなjQueryを書けば実現できます（よりエレガントな書き方はあると思いますが）。 <script> $(function(){ $('input[type=checkbox]').click(function() { if ($(this).prop('checked')) { $('.bar').show(); } else { $('.bar').hide(); } }); }); </script> <div class="foo"> <input id="foo" type="c
複数選択できるドロップダウン「jQuery MultiSelect Widget」
フォーム上で、多数の選択肢の中から複数の項目を選択できるようにする場合、multiple属性をつけたselectを使うことがあります。 ただ、複数選択するにはshiftキーやctrlキーを押しながら項目をクリックする必要があり、パソコンに不慣れな人には分かりづらいです。 そこで、チェックボックスとドロップダウンの組み合わせで、分かりやすく複数選択できるjQueryのプラグインを探して<みました。 すると、「jQuery MultiSelect Widget」というプラグインがありました。 jQuery MultiSelect WidgetはEric Hynds氏が開発したプラグインです。 jQuery／jQuery UIと組み合わせて動作します。 使い方は簡単です。 jQuery／jQuery UIとこのプラグインのスクリプトを組み込み、またスタイルシートも組み込みます。 その上で、基本的
AnotherCustomFields＋MTAppjQuery＋SplitToHashによるマルチチェックボックス(その1)
Home The blog of H.Fujimoto AnotherCustomFields＋MTAppjQuery＋SplitToHashによるマルチチェックボックス(その1) 2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 MTOS5.1でカスタムフィールド風の機能を実現するAnotherCustomFieldsプラグインで、マルチチェックボックス（複数のチェックボックスを1つのフィールドにまとめたもの）を使いたい場合があります。 AnotherCustomFieldsプラグインの標準機能にはマルチチェックボックスはありませんが、奥脇氏が作られたMTAppjQueryプラグインと,、昨日公開したSplitToHashプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
