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
-,

執筆者:

関連記事

no image

jQuery uiで作った将棋をHerokuにアップ

mysterious-depths-3658.herokuapp.com/ ここのひな形を利用させてもらいました docs.komagata.org/4571 使い方は、 [crayon-5c15d2 …

FullCalendarのagendaViewでselectの場所がずれる問題

  By: Ben Piddington 前回 Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails   gemは最新の1 …

jQuery UI BootstrapにGoogle Mapが来た〜gmap3

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

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

Rails3.2+jQueryUI1.10でjQuery-UI-Bootstrapのデモ画面を出すところまでやった

なにかいつの間にかかっこいい感じのサイトになってた addyosmani.github.com/jquery-ui-bootstrap/ jquery-ui-bootstrap.github.io/j …