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

猜你喜欢

转载自zknxx.iteye.com/blog/2301596