checkboxradio()
checkboxradio()はチェックボックスやラジオボタンの表示を制御するメソッドです。
オプション
オプションによりチェックボックスやラジオボタンの形状やテーマを指定できます。
mini
Default : false
trueを指定することでチェックボックスやラジオボタンの形状を小さくすることができます。
$(".selector").checkboxradio({ mini: true });
これはdata-mini属性と同じ指定になります。
次のようにしてオプションを取得したり、設定することもできます。
var mini = $( ".selector" ).checkboxradio( "option", "mini" );
$( ".selector" ).checkboxradio( "option", "mini", true );
theme
Default : null
チェックボックス・ラジオボタンのテーマを指定することができます。
$(".selector").checkboxradio({ theme: "a" });
これはdata-theme属性と同じ指定になります。
次のようにしてオプションを取得したり、設定することもできます。
var theme = $( ".selector" ).checkboxradio( "option", "theme" );
$( ".selector" ).checkboxradio( "option", "theme", "a" );
メソッド
checkboxradio()は引数に以下の文字列を与えることで特定の機能をもつとされています。
disable
このメソッドを利用することでdisable属性が有効なチェックボックスやラジオボタンが生成できます。
$( ".selector" ).checkboxradio( "disable" );
enable
このメソッドを利用することでdisable属性が無効なチェックボックスやラジオボタンが生成できます。
$( ".selector" ).checkboxradio( "enable" );
refresh
JavaScriptによりチェックボックスやラジオボタンのオプションを変更した場合、このメソッドを実行して再描画できます。
$( ".selector" ).checkboxradio( "refresh" );
イベント
checkboxradio()はcreateイベントが指定できます。これはチェックボックスやラジオボタンの生成が終った後に実行されます。
$( ".selector" ).checkboxradio({
create: function( event, ui ) {
//do something
}
});
これはcheckboxradiocreateイベントを利用して指定することもできます。
$( ".selector" ).on( "checkboxradiocreate", function( event, ui ) {
//do something
} );
参考URL
Checkboxradio Widget | jQuery Mobile API Documentation
登録日 : 2013年07月05日 最終更新日 : 2016年12月19日
同じカテゴリー(メソッド)のエントリー
- $.widget()
- enhanceWithin()
- collapsibleset()
- collapsible()
- checkboxradio()
- buttonMarkup()
- button()
- $.mobile.silentScroll()
- $.mobile.path.parseUrl()
- $.mobile.path.makeUrlAbsolute()
- $.mobile.path.isRelativeUrl()
- $.mobile.path.isAbsoluteUrl()
- $.mobile.path.get()
- $.mobile.navigate()
- jqmEnhanceable()
- panel()
- popup()
- selectmenu()
- slider()
- textinput()
- $.mobile.changePage()
- page()
- $.mobile.LoadPage()
- dialog()