设置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 相关文章推荐
JavaScript对象创建及继承原理实例解剖
Feb 28 Javascript
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
May 08 Javascript
javascript 上下banner替换具体实现
Nov 14 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 Javascript
vue2过滤器模糊查询方法
Sep 16 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
JavaScript一元正号运算符示例代码
Jun 30 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 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
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
2018/05/12 PHP
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
js+css实现超简洁的二级下拉菜单效果代码
2015/09/07 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
python实现聊天小程序
2018/03/13 Python
Win8下python3.5.1安装教程
2020/07/29 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
自定义django admin model表单提交的例子
2019/08/23 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
如何利用python发送邮件
2020/09/26 Python
python实现银行账户系统
2021/02/22 Python
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
Linux的文件类型
2016/07/05 面试题
实习会计求职自荐信范文
2014/03/10 职场文书
《云房子》教学反思
2014/04/20 职场文书
年检委托书
2014/08/30 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
运动员入场前导词
2015/07/20 职场文书
交通安全教育主题班会
2015/08/12 职场文书
2016年秋季运动会加油稿
2015/12/21 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
Java 在生活中的 10 大应用
2021/11/02 Java/Android
讲解MySQL增删改操作
2022/05/06 MySQL
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技