单选框、复选框、文本框的只读设置方法

来源:互联网 发布:淘宝电子烟哪个牌子好 编辑:程序博客网 时间:2024/04/29 19:20

众所周知,文本框的只读可以设置它的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>

0 0
原创粉丝点击