簡體   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