单选框、复选框、文本框的只读设置方法
2017-03-03 16:52
465 查看
众所周知,文本框的只读可以设置它的readonly属性来完成,但是对于单选钮和复选框,设置readonly却不能完成只读功能,那应该怎样设置它们的只读属性呢?以下是几种方法:
第一种方法:
<input type=radio disabled>
<input type=checkbox disabled checked>
通过这种方法设置后,单选钮和复选框变成灰色只读的了,但是也无法再用它进行传值了。
第二种方法:
<input type="radio" onclick="return false;">
<input type="checkbox" onclick="return false;" checked>
你也可以写成这种方式:
<input type="radio" onclick="this.checked!=checked;">
<input type="checkbox" onclick="this.checked=!checked;" checked>
第一种方法:
<input type=radio disabled>
<input type=checkbox disabled checked>
通过这种方法设置后,单选钮和复选框变成灰色只读的了,但是也无法再用它进行传值了。
第二种方法:
<input type="radio" onclick="return false;">
<input type="checkbox" onclick="return false;" checked>
你也可以写成这种方式:
<input type="radio" onclick="this.checked!=checked;">
<input type="checkbox" onclick="this.checked=!checked;" checked>
相关文章推荐
- 单选框、复选框、文本框的只读设置方法
- 单选框 4000 、复选框、文本框的只读设置方法
- 设置上传文件控件文本框只读属性代码
- javascript判断单选框或复选框是否选中方法集锦
- jQuery 读写复选框 文本框 单选框
- jQuery获取及设置单选框、多选框、文本框内容
- jQuery框架获取及设置单选框、多选框、文本框内容
- 用JAVASCRIPT设置文本框等为只读属性!
- 用样式设置页面文本框 只能输入数字的方法
- 如何把文本框设置为不可用的四种方法
- jQuery框架获取及设置单选框、多选框、文本框内容
- 复选框的设置和绑定公共方法
- [转]设置检查文本框中为数字方法。
- 复选框只读以后,仍然传值的方法
- 移动项目开发笔记(服务器端获取客户端只读文本框通过JavaScript设置的值)
- HTML:让表单 文本框 只读,不可编辑的方法
- 文本框字体色,对话框和静态文件背景色设置方法
- 设置和获取单选框状态的一种蠢方法
- Linux内核态设置某片虚拟地址为只读的方法