设置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 相关文章推荐
分享别人写的一个小型js框架
Aug 13 Javascript
用jquery实现下拉菜单效果的代码
Jul 25 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
Jan 24 Javascript
jquery操作select方法汇总
Feb 05 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
Bootstrap响应式侧边栏改进版
Sep 17 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
vue3.0 数字翻牌组件的使用方法详解
Apr 20 Vue.js
JS前端监控采集用户行为的N种姿势
Jul 23 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
浅谈PDO的rowCount函数
2015/06/18 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
WHOOPS PHP调试库的使用
2017/09/29 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
2019/10/11 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
javascript 二进制运算技巧解析
2012/11/27 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
Vue传参一箩筐(页面、组件)
2019/04/04 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
Python requests发送post请求的一些疑点
2018/05/20 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
使用Python3内置文档高效学习以及官方中文文档
2019/05/19 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
python 实现在shell窗口中编写print不向屏幕输出
2020/02/19 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
Python判断三段线能否构成三角形的代码
2020/04/12 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
大学三年的自我评价
2013/12/25 职场文书
父母寄语大全
2014/04/12 职场文书
团日活动总结报告
2014/06/25 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
我的未来不是梦演讲稿
2014/09/02 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python
JavaScript实现优先级队列
2021/12/06 Javascript