ラジオボタンを格好よくデザインする - 北海道苫小牧市のホームページ制作 STUDIO KEY
ラジオボタンを格好よくデザインする 2015年07月27日 レスポンシブにコーディングすると、スマートフォンでチェックし難いラジオボタンやチェックボックスをどうにかしたいと考える人は多いと思います。 色々な方が素晴らしいデザインを公開していますので、それを使うのも一手、ただ、オリジナルでデザインしたいと思うと、ちょっと凝りすぎているケースもちらほら。ましてそれを解説しても二番煎じなので、ここではシンプルに考える事にします。 サンプル チェックされた方の背景色を変更するだけ、というシンプルなもの。 /* ラジオボタンは非表示にする */ input[type=radio] { display: none; } /* チェックされた時のスタイル */ input[type="radio"]:checked + label { background: #0063A4; color: #FFF;
jQuery: 指定値のラジオボタンを選択するやり方 – BmathLog
サンプルHTML <input type="radio" name="mobilephone" value="docomo">docomo <input type="radio" name="mobilephone" value="au">au <input type="radio" name="mobilephone" value="softbank">softbank <input type="radio" name="mobilephone" value="other">other jQuery で要素を選択 例えば au を選択するとき $("input[name='mobilephone']") .filter(function(){ return ($(this).val() == 'au')}) .attr("checked", true); こっちのほうがわかりやすい $(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
