原生js消除某个元素的click点击事件

前言
最近遇到一个需求，如果对应的一个按钮被点击后，下一个按钮才能被点击做相应的js逻辑事件，否则不能。
例：这里有一个复选框
只有当checked为true时

button才能被点击，才能触发click点击事件
最开始用了各种办法阻止事件点击，但最后发现都没什么好的效果。
所以重新考虑了一下需求：
当checked为false时logBtn.οnclick=" ",这样移除点击事件一点毛病也没有，但是如何恢复呢，有人说了，checked为true时，logBtn.οnclick=function(){}不就好了吗，这样不是不可以，但当页面渲染出来时，我要直接可以点击btn，而不是非要先点击checkbox才能进行下一步。
我的做法是：页面渲染出来就能点击，当checked为false时移除button上的click事件，当checked为true时页面重新加载一遍就ok了。