设置checkbox为只读(readOnly)的两种方式
更新时间：2013年10月11日 17:57:01 作者：
设置checkbox为只读的方法有很多，在本文为大家详细介绍下两种比较实用的方法，感兴趣的朋友不要错过
方式一：
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>
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>
相关文章
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
这篇文章主要介绍了最简单纯JavaScript实现Tab标签页切换的方式(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
最近,JavaScript引入了一个备受期待的功能：原生支持数组分组,这一特性使得在处理复杂的数据集时变得更加简单和高效,本文将深入探讨这一全新的JavaScript特性,希望对大家有所帮助2023-12-12
这次项目中有一个功能，频繁使用switch语句，代码优化的时候，将其换成数组2012-02-02
js的数组与我们日常生活中的数组一样,都是会进行求和计算的,下面这篇文章主要给大家介绍了关于JS数组求和的几种常见方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript2011-10-10
在本篇文章里小编给大家分享的是关于JS面试题中深拷贝的实现讲解，需要的朋友们可以参考下。2020-05-05
这篇文章主要介绍了详解webpack 热更新优化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这篇文章主要给大家介绍了关于JS中6个对象数组去重的方法,javascript数组去重是一个比较常见的需求,解决方法也有很多种,文中每种解决方法都给出了示例代码,需要的朋友可以参考下2023-07-07
JavaScript开发时的五个注意事项讲述了表单事件、链接、循环优化、匿名函数、字符串连接等优化技巧,需要的朋友可以参考一下2007-12-12
JavaScript中的this/call/apply/bind的使用及区别
这篇文章主要介绍了JavaScript中的this/call/apply/bind的使用及区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
最新评论