Javascript Jquery复选框自定义事件不返回稳定结果

嗨，我在一个自定义博客网站上工作，我的复选框有一个工作脚本。但是默认情况下，我的复选框没有选中属性

，

，因为我的页面首先显示实际的文章，然后复选框被标记为“编辑”，因此当用户单击它时，文章将加载到我的文本区域（它有TinyMCE插件用于编辑），用户现在可以编辑文章。。这将用于检查是否有人正在编辑它，仅供参考

这是我的剧本：

$("#edit").on('change', function(e){
        $("#viewmode").toggle(function(){
                    $.ajax({
              type: 'GET',
              url: 'includes/edittyp.php',
              data: "flag="+0,
              success: function (status) { }
                });
        });
        $("#viewmode").toggleClass('display: none' );
        $("#editmode").toggle(function(){

                $.ajax({
              type: 'GET',
              url: 'includes/edittyp.php',
              data: "flag="+1,
              success: function (status) { }
                });
        });
        $("#editmode").toggleClass('display: block' );

我的问题是，每当切换

$（“#editmode”）

时，该脚本将标志更新为1，每当还单击

$（“#viewmode”）

时，它将更新为0，但这只起作用一次，因为在我刷新页面后，

viewmode

返回1，而

editmode

返回0，或者根本不改变。。有人能指出我哪里出了问题，或者有其他方法可以实现这一点吗

---

谢谢

因此，如果用户A正在阅读文章，任何数量的其他用户都可以阅读。但是如果用户A正在编辑文章，其他人就不能阅读/编辑它了？看起来您正在阻止“读取”服务器端，对吗？这是您正在寻找的功能类型吗？是的，如果有人正在编辑某篇文章，其他正在查看该文章的用户将无法编辑该文章，除非该用户从其他页面移动或保存该文章。。我将尝试您提供的JSFIDLE