您的位置:首页 > 其它

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

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: