jQuery UI

jQuery UI Buttonsetの選択状態を変えたり、色を変えたり

投稿日:

 

jQuery UI Buttonsの設定(Radioボタン)

api.jqueryui.com/button/

 

 

ポイントは

  • サンプルはdivで囲んでた
  • checked=”checked”

チェック状態を変えるには

 

Buttonsetはinputを見えなくしてlabel要素をボタンに見せかける仕組み

だから、jQueryでinput:radioの状態を変えるだけじゃなくて、変えたあと、もう一回buttonset()を実行すれば描画された

ボタンの色を変えるには

Changing color of radiobutton inside jqueryui buttonset

label要素の色を変えるだけじゃなくてbackground-imageを消す必要がある

こんな感じ

2013-01-26_20h10_27

チェックした要素のvalueを取得するには

input要素は見えないだけで消されてないからinput要素を確認すればOK

 

-jQuery UI
-,

執筆者:

関連記事

Rails3.2でフォームの順番をjQuery UI sortableで並べ替えてSubmit~acts_as_list

Railsでdate_fieldにjquery uiのdatepickerを使おうとしたらchromeのdatepickerとかち合ってしまったとき

By: Randy Heinitz – CC BY 2.0 text_fieldにしとけば、jQuery UI datepickerは使える. [crayon-5927b9905c2ed9 …

jQuery UI BootstrapにGoogle Mapが来た〜gmap3

Backbone.jsからjQuery UIのDialogを使う例

Backbone.js楽しくなってきた 部品ごとのクラスをつくって、それに飾りとイベントをつけて、あとは上位部品から呼び出してくっつけるだけ jQuery UIのダイアログの場合は、公式のサンプルだと …

jQuery UIで将棋を再現(まだ見た目だけ)

  何年か前にニコニコ動画でみた1時間でオセロをつくる動画をみた. なら将棋もできそうじゃね!?と思って1時間で区切ってやってみたら ゲームまではできなかった.自分がやったら丸2、3日は必要 …