繁体   English   中英

如何使用Bootstrap切换在表单上创建true和false事件?

[英]How do I use the Bootstrap toggle to create an event of true and false on my form?

例如,当我(管理员)创建记录并保持Bootstrap开关打开时,该记录将对用户可见。 但是,如果我创建一条记录并关闭Bootstrap,则该记录将对用户不可见。

<script>
        //Using a function technique to create a JavaScript class, WebFormData
        function WebFormData(inSessionSynopsisName, inIsVisible) {
            this.sessionSynopsisName = inSessionSynopsisName;
            this.isVisible = inIsVisible;

        }

        $('#toggle-event').change(function () {


            var collectedIsVisible = $('#isVisibleInput').val();
        })

    $('#saveButton').on('click', function () {

    var collectedSessionSynopsisName = $('#sessionSynopsisNameInput').val();

    var webFormData = new WebFormData(collectedSessionSynopsisName, collectedIsVisible);
    var webFormDataInString = JSON.stringify(webFormData);
    $saveSessionSynopsisHandler = jQuery.ajax({
                type: 'POST',
                url: '/API/SessionSynopses/',
                dataType: 'json',
                contentType: 'application/json;',
                data: "'" + webFormDataInString + "'"
            })//end of ajax() call
            $saveSessionSynopsisHandler.done(function (data, textStatus, jqXHR) {
                new Noty({
                    text: data.message, type: 'success',
                    layout: 'center',
                    template: '<div class="noty_message"><span class="noty_text"></span>'
                }).show();
            });//end of saveCourseHandler.done();

            $saveSessionSynopsisHandler.fail(function (data, textStatus, jqXHR) {
                console.log(textStatus);
                console.log(data);
                console.log(jqXHR);
                new Noty({
                    text: data.responseJSON.message, type: 'error',
                    layout: 'center',
                    template: '<div class="noty_message"><span class="noty_text"></span>'
                }).show();
            });//end of $saveCourseHandler.fail();
        });//end of $('#saveButton').on('click', function () {

    </script>

在用户加载页面之前检查:如果用户admin更改了按钮的样式以将其打开,否则,如果用户不是admin更改了按钮的样式以将其关闭以在加载页面之前进行一些处理,则可以使用onunload,请阅读此https ://www.w3schools.com/jsref/event_onunload.asp

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM