checkbox实现方法 (备忘)

来源：互联网发布：36岁了学会c语言能编辑：程序博客网时间：2024/06/06 21:44

效果图：

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;            }        }    },

阅读全文

0 0