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日

同じカテゴリー(メソッド)のエントリー

検索

スポンサードリンク

バージョン

リファレンス