分享你我的心得.
共乘一片美好网络.

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

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

评论 抢沙发

评论前必须登录!