当前位置:Gxlcms > JavaScript > 设置checkbox为只读(readOnly)的两种方式

设置checkbox为只读(readOnly)的两种方式

时间:2021-07-01 10:21:17 帮助过:18人阅读

方式一:

checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读:
设置它的onclick="return false"

js里就是 checkbox.onclick=function(){return false;};

方式二:
代码如下:

<script src="Demo3.1/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(function(){
$("input[type='checkbox']").click(
function(){
this.checked = !this.checked;
}
);
}
);
</script>

人气教程排行