checkbox select readonly实现

最新推荐文章于 2024-02-01 15:45:26 发布

zwt2001267

最新推荐文章于 2024-02-01 15:45:26 发布

阅读量107

点赞数

文章标签： HTML readonly select checkbox

本文链接：https://blog.csdn.net/zwt2001267/article/details/83970342

版权

简单实现 select readonly 属性:

select在某种条件，不再让用户（编辑）进行选择，也就是说想给select 一个 readonly的属性，可惜select没有这个属性，可以通过以下方法来变相实现readonly效果：
1. 截取鼠标消息
给select加上 οnmοusemοve="this.setCapture();" οnmοuseοut="this.releaseCapture();" οnfοcus="this.blur();"
此方法不支持 IE8
2. 赋值，用户改变值后，让select自动返回初始状态
下面是一个例子：

<html>
<body>
<form method="get" action="">
	<select name="sel" οnchange="this.value=3;">
		<option value='1'>1111</option>
		<option value='2'>2222</option>
		<option value='3'>3333</option>
		<option value='4'>4444</option>
	</select>
	<input type="text"/>
	<input type="submit" value="submit"/>
</form>
</body>
</html>

checkbox readonly属性:

<input type=checkbox checked οnclick=checked=!checked>
<input type=checkbox οnclick=checked=!checked>
<input type=checkbox disabled οnclick=checked=!checked>