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


Posted in Javascript onOctober 11, 2013

方式一:

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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
关于JS字符串函数String.replace()
Apr 07 Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
Oct 08 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
javascript this详细介绍
Sep 19 Javascript
jQuery实现选项卡功能(两种方法)
Mar 08 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
vue项目中引入Sass实例方法
Aug 27 Javascript
layer提示框添加多个按钮选择的实例
Sep 12 Javascript
vue路由分文件拆分管理详解
Aug 13 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 #Javascript
JS验证身份证有效性示例
Oct 11 #Javascript
JS分页效果示例
Oct 11 #Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 #Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 #Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 #Javascript
javascript自然分类法算法实现代码
Oct 11 #Javascript
You might like
PHP最常用的ini函数分析 针对PHP.ini配置文件
2010/04/22 PHP
php隐藏IP地址后两位显示为星号的方法
2014/11/21 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
PHP实现负载均衡session共享redis缓存操作示例
2018/08/22 PHP
PHP错误提示It is not safe to rely on the system……的解决方法
2019/03/25 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
js用拖动滑块来控制图片大小的方法
2015/02/27 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
2015/10/16 Javascript
早该知道的7个JavaScript技巧
2016/06/21 Javascript
jQuery实现鼠标滑过图片移动特效
2016/12/08 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
JS实现的全排列组合算法示例
2017/10/09 Javascript
详解vue+css3做交互特效的方法
2017/11/20 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
python实现ID3决策树算法
2018/08/29 Python
python+opencv 读取文件夹下的所有图像并批量保存ROI的方法
2019/01/10 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
编辑硕士自荐信范文
2013/11/27 职场文书
护士辞职信模板
2014/01/20 职场文书
银行员工职业规划范文
2014/01/21 职场文书
社会稳定风险评估方案
2014/06/02 职场文书
2014党员民主评议个人思想剖析发言
2014/09/19 职场文书
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis