设置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>
相关文章
本文通过案例给大家分析了微信小程序开发之改变data中数组或对象的某一属性值,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-07-07
BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要写简单的代码就可以很快的搭建一个还不错的前端框架，他是后端程序员的福音，使他们只需要专注业务逻辑，而无须浪费太多的精力在界面设计上2016-12-12
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
下面小编就为大家带来一篇浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
微信小程序使用uni-app和springboot实现一键登录功能(JWT鉴权)
微信一键登录是指用户在使用小程序时,可以通过微信账号进行快速登录,而无需额外的注册和密码设置,这篇文章主要给大家介绍了关于微信小程序使用uni-app和springboot实现一键登录功能的相关资料,需要的朋友可以参考下2023-11-11
这篇文章主要给大家介绍了关于Webpack打包详细流程及代码的相关资料,Webpack是一款非常流行的打包工具,它的主要作用是将项目中的各个模块打包成静态资源,以便于在浏览器中加载和运行,需要的朋友可以参考下2024-01-01
大家有没有看到类似颜色从下往上升的效果，在本例将与大家介绍下此效果的具体实现2014-08-08
这篇文章主要介绍了Sublime Text 3常用插件及安装方法的相关资料,需要的朋友可以参考下2015-12-12
今天小编就为大家分享一篇layui table 多行删除(id获取)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
JavaScript高级程序设计 阅读笔记（十九） js表格排序
js表格排序实现代码，需要的朋友可以参考下2012-08-08
根据分辩率调用不同的CSS....2007-01-01
最新评论