怎么使复选框选择一次以后就不可更改

如何使复选框选择一次以后就不可更改？
我要实现一个checkbox选中以后就不能再更改的功能，我进入页面以后先选定checkbox的状态，然后我选定以后checkbox的状态就不能被改变了  请问用js如何实现
------解决方案--------------------
添加点击事件，在事件里置为不可用，

function test(obj) {
  obj.setAttribute("disabled", true);
};

<input type="checkbox" onclick="test(this)"></input>

------解决方案--------------------
选中后把他的值赋给一个隐藏的input不就得了