スクリプト開発向けタグライブラリ

spCheckbox

コンポーネント情報
モジュールim_mobile_framework
導入されたバージョン7.2
バージョン8.0.9

機能説明

jQuery Mobileで最適化されたチェックボックスを提供します。
注意事項
このタグはスマートフォン用の画面向けにデザインされています。
このタグを使用する場合は、spControlGroupタグを使ってチェックボックスのグループ化を行ってください。
グループ化を行うことにより、スマートフォン向けのチェックボックスとして入力部品のルックスが調整されます。

属性一覧

注釈 属性名 型 説明 省略時の動作
Boolean属性 checked boolean ON/OFF状態を指定します。 false
escapeJs JavaScriptエスケープの有効・無効を指定します。

「true」の場合、エスケープ対象の属性値が JavaScriptエスケープされて出力されます。
「false」の場合、エスケープ対象の属性値の JavaScriptエスケープ処理は行われません。
未指定の場合は「現在実行中の プレゼンテーション・ページ に紐づくescapeJsの値」に則ってJavaScriptエスケープ処理行われます。

詳しくは、「 エスケープ処理に関して 」を参照してください。		 -
escapeXml XMLエスケープの有効・無効を指定します。

「true」の場合、エスケープ対象の属性値が XMLエスケープされて出力されます。
「false」の場合、エスケープ対象の属性値の XMLエスケープ処理は行われません。未指定の場合は、「現在実行中の プレゼンテーション・ページ に紐づくescapeXmlの値」に則ってXMLエスケープ処理行われます。

詳しくは、「 エスケープ処理に関して 」を参照してください。		 -
id String DOMエレメントを識別するためのIDを指定します。 代替IDを付与
必須
無害化 		label String チェックボックスに対応するラベルテキストの値を指定します。 -
必須
name String inputタグのname属性として設定する値を指定します。 -
無害化 その他 String タグにセットする各属性値を指定します。 -

サンプル

単一要素を配置する例

単一要素を配置する例
単一要素を配置する例。
プレゼンテーションページ (HTML)
<imart type="spCheckbox" id="c1" name="c1" label="チェックボックス" checked="true"/>

複数要素を配置する例

複数要素を配置する例
複数要素を配置する例。
spControlGroupタグを使用してグルーピングします。
プレゼンテーションページ (HTML)
<imart type="spControlGroup" label="要素のグルーピング">
  <imart type="spCheckbox" name="c1" label="チェック1" />
  <imart type="spCheckbox" name="c2" label="チェック2" />
  <imart type="spCheckbox" name="c3" label="チェック3" checked="true" />
</imart>

Copyright © 2012 NTT DATA INTRAMART CORPORATION