
css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。 といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 投稿日2012年04月10日 更新日2014年05月10日 cssオンリーの場合 まずはcssのみでやってみます。 隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="
チェック項目がたくさんある場合、一括でチェックをつけたり、はずしたりできるとユーザーの手間がだいぶ省けますよね。 ということで html <input type="checkbox" id="all" />全て <div id="check"> <input type="checkbox"/>お金 <input type="checkbox"/>愛 <input type="checkbox"/>知識 <input type="checkbox" />時間 <input type="checkbox" />健康 </div> 全てのinputにid=”#all”、その他をdiv id=”#check”でくくっています。 $(function(){ $('#all').click(function(){ if(this.checked){ $('#check input').attr('ch
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く