设置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下弹出窗口的变通
Apr 18 Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
JavaScript获取服务器端时间的方法
Nov 29 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
Jan 19 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
微信小程序实现选项卡功能
Jun 19 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 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 array_multisort函数 对数据库结果进行复杂排序
2013/06/08 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
2015/08/11 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
2017/09/21 jQuery
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
Vue中key的作用示例代码详解
2020/06/10 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
jquery实现点击左右按钮切换图片
2021/01/27 jQuery
Python中的面向对象编程详解(下)
2015/04/13 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
解决在keras中使用model.save()函数保存模型失败的问题
2020/05/21 Python
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
高中毕业生的个人自我评价
2014/02/21 职场文书
保证书范文大全
2014/04/28 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技
python缺失值填充方法示例代码
2022/12/24 Python