Wijmo UI for the Web
マークアップとスクリプティング

wijcheckbox ウィジェットの HTML マークアップは、次のように3とおりの方法で作成できます。

マークアップ
コードのコピー
<p>Plain checkbox:</p>
<input type='checkbox'></br>
<p>Checkbox and label:</p>
<input type='checkbox' id='checkbox1' />Label text<label for='checkbox1'></label></br>
<p>Label containing a checkbox:</p>
<label><input type='checkbox' />Label text</label>

次の jQuery スクリプトでウィジェットを初期化できます。

スクリプト
コードのコピー
<script type="text/javascript">
    requirejs.config({
        baseUrl: "http://cdn.wijmo.com/amd-js/3.20173.128",
            paths: {
                "jquery": "jquery-1.11.1.min",
                "jquery-ui": "jquery-ui-1.11.0.custom.min",
                "jquery.ui": "jquery-ui",
                "jquery.mousewheel": "jquery.mousewheel.min",
                "globalize": "globalize.min"
            }
    });
</script>

<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijcheckbox"], function () {
        $(document).ready(function () {
            $(":input[type='checkbox']").wijcheckbox();
        });
    });
</script>

ここで説明しているマークアップとスクリプトの結果は次のようになります。

wijcheckbox ウィジェットを作成するマークアップは、3とおりあります。

関連トピック

参照

 

 


Copyright © GrapeCity inc. All rights reserved.