checkbox实现方法 (备忘)

效果图：

HTML 定义元素

                        <div class="row">
                            <label class="label-checkbox ">
                                <input data-label="Mascot" type="checkbox" data-bind="value: fo_mascot" id="fo_mascot" />
                                <span>Mascot Promotion</span>
                            </label>
                            <label class="label-checkbox ">
                                <input data-label="Gimmick" type="checkbox" data-bind="value: fo_gimmick" id="fo_gimmick" />
                                <span>Gimmick / Limited Edition Items</span>
                            </label>
                            <div style="display: block"></div>
                            <label class="label-checkbox">
                                <input data-label="Celebrities" type="checkbox" data-bind="value: fo_celebrities" id="fo_celebrities" />
                                <span>Celebrities / Artists Promotion</span>
                            </label>
                            <label class="label-checkbox ">
                                <input data-label="Food" type="checkbox" data-bind="value: fo_food" id="fo_food" />
                                <span>Food & Beverage Sample Distribution Form</span>
                            </label>
                            <label class="label-checkbox ">
                                <input data-label="Survey" type="checkbox" data-bind="value: fo_survey" id="fo_survey" />
                                <span>Conduct Survey</span>
                            </label>
                        </div>

 xxx.editor.js  "显示" 和 "点击" 处理

    onAfterInit: function () {
        ...
        // 打勾處理
        $("#pay_flg, #fo_mascot, #fo_gimmick, #fo_celebrities, #fo_food, #fo_survey").on('click', function (e) {
            var element = this;
            var dataItem = editorPage.dm.currentItem;
            if (element.checked) {
                dataItem.set(element.id, true);
            }
            else {
                dataItem.set(element.id, false);
            }
        });

        ...
    },

    onAfterOpen: function () {
        var dataItem = this.currentItem;

        for (var i in dataItem) {
            //checkbox显示打勾,
            if ((i == "pay_flg" || i == "fo_mascot" || i == "fo_gimmick" || i == "fo_celebrities" || i == "fo_food" || i == "fo_survey") && dataItem[i]) {
                $("#" + i)[0].checked = true;
            }
        }
    },