两种方式实现checkBox readonly功能

今天在做开发的时候遇到了这样一个问题：有一个checkBox选项是不能被改变的。但是checkBox又是没有readonly属性的，这个时候我就想到了另外一个属性disabled，但是disabled的对象是不能提交到后台的，所以这个又被排除掉了。想了想，只能添加事件来搞定了。于是在checkBox中添加了个onclick="return false'，问题解决。所以要想实现checkBox的readonly属性方式如下：

方式一：

<input type="checkbox" name="userName" id="" value="姓名" onclick="return false;" checked  />

方式二：

 

<input type="checkbox" name="userName" id="" value="姓名" disabled checked  />

需要注意的是：disabled属性的form data是提交不到后台去的。