设置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 相关文章推荐
Kibo 用于处理键盘事件的Javascript工具库
Oct 28 Javascript
js判断是否为ie的方法小结
Jan 13 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 Javascript
jQuery使用$.ajax提交表单完整实例
Dec 11 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
angular $watch 一个变量的变化(实例讲解)
Aug 02 Javascript
使用cropper.js裁剪头像的实例代码
Sep 29 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 Javascript
OpenLayers加载缩放控件使用方法详解
Sep 25 Javascript
vuex的使用步骤
Jan 06 Vue.js
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
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
PHP中捕获超时事件的方法实例
2015/02/12 PHP
php获取Google机器人访问足迹的方法
2015/04/15 PHP
php实现大文件断点续传下载实例代码
2019/10/01 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
2016/12/14 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
jQuery电话号码验证实例
2017/01/05 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
基于vue2实现上拉加载功能
2017/11/28 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
python统计一个文本中重复行数的方法
2014/11/19 Python
Python 基础知识之字符串处理
2017/01/06 Python
Python实现字符串反转的常用方法分析【4种方法】
2017/09/30 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
python tornado修改log输出方式
2019/11/18 Python
python3.7添加dlib模块的方法
2020/07/01 Python
Python字符串及文本模式方法详解
2020/09/10 Python
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
Footshop法国:购买运动鞋
2020/01/19 全球购物
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
毕业生动漫设计求职信
2013/10/11 职场文书
机电专业毕业生求职信
2013/10/27 职场文书
大学自主招生自荐信范文
2014/02/26 职场文书
婚礼秀策划方案
2014/05/19 职场文书
岗位职责范本大全
2015/02/26 职场文书
浅谈Python基础之列表那些事儿
2021/05/11 Python
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python