实现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是提交不到后台去的。