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とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD~fullcalendar-rails

目次1 前回2 READ ~データベースからイベントを読み込んでカレンダーに表示する3 CREATE~カレンダーからイベントを登録する4 UPDATE1~カレンダーのイベントをクリックしてイベントを編 …

no image

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

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

no image

jQuery UIの将棋でつくったまとめ~jQuery UI draggable droppable

  目次1 盤上の駒の動き2 盤上の駒の座標を取得する3 手番(ターン)の変更4 盤外からの駒の動き5 将棋のルールの分析6 ゲームの計算処理など 盤上の駒の動き draggableの設定 …

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

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

no image

Rails3.2でajaxなフォルダツリーを導入する3~dynatree-rails & jQuery UI dialog

  前回 Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails &nbsp …