AD

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

设置checkbox为只读的方法有很多,在本文为大家详细介绍下两种比较实用的方法,感兴趣的朋友不要错过

方式一:

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>
标签: checkbox, readonly, 只读
分类: javascript技巧
时间: 2014-06-08

相关文章

  1. jQuery 获取.设置HTML或TEXT内容的两种方法

    这篇文章主要介绍了jQuery 获取.设置HTML或TEXT内容的两种方法,需要的朋友可以参考下 jQuery提供了两个API可以直接用来为元素添加内容. html() text() 其中html()是为指定的元素添加h ...
  2. 通过AJAX的JS.JQuery两种方式解析XML示例介绍

    解析XML的方法有很多,在本文要为大家介绍下是使用AJAX的JS.JQuery两种方式来进行解析,具体实现如下,感兴趣的朋友可以参考下 JQuery版 $.ajax({ url : "order/order_o ...
  3. SqlServer2008 数据库同步的两种方式(发布.订阅使用方法)

    这篇文章主要介绍了通过发布订阅的方式实现数据库之间的同步操作,需要的朋友可以参考下 上篇中说了通过SQL JOB的方式对数据库的同步,这一节作为上一节的延续介绍通过发布订阅的方式实现数据库之间的同步操作.发布订阅份为两个 ...
  4. js清空表单数据的两种方式(遍历+reset)

    这篇文章主要介绍了js清空表单数据的两种方式(遍历+reset),需要的朋友可以参考下 方法1:遍历页面元素 /* 清空FORM表单内容 id:表单ID*/ function ClearForm(id) { var ob ...
  5. 深入SqlServer2008 数据库同步的两种方式(Sql JOB)的分析介绍

    数据库同步是一种比较常用的功能.以下结合我自己的体会整理的,如果有理解不完全或者有误的地方望大牛不理赐教 下面介绍的就是数据库同步的两种方式: 1.SQL JOB的方式 sql Job的方式同步数据库就是通过SQL语句, ...
  6. 将html页改成jsp的两种方式

    将html页改成jsp有两种方法,第一种是直接修改html文件,另一种是新建jsp文件.下面为大家详细介绍下具体实现,感兴趣的朋友可以参考下 一般情况,将html页改成jsp有两种方法,第一种是直接修改html文件,另一 ...
  7. C#中实现伪静态页面两种方式介绍

    伪静态技术的诞生,带动了于搜索引擎友好C#中实现伪静态页面有两种方式,本文将一一详解,感兴趣的朋友可以参考下,希望本文对你学习伪静态有所帮助 第一种是在页面global.asax中,相关代码如下: void Applic ...
  8. Android提交数据到服务器的两种方式四种方法

    Android应用开发中,会经常要提交数据到服务器和从服务器得到数据,本文主要是给出了利用http协议采用HttpClient方式向服务器提交数据的方法. 代码比较简单,这里不去过多的阐述,直接看代码. /** * @a ...
  9. Unity3D研究院之两种方式播放游戏视频(二十五)

    Unity3D中播放游戏视频的方式有两种,第一种是在游戏对象中播放,就好比在游戏世界中创建一个Plane面对象,摄像机直直的照射在这个面上.第二种是在GUI层面上播放视频.播放视频其实和贴图非常相像,因为播放视频用到的M ...
  10. php连接MySQL的两种方式对比

    这篇文章主要介绍了php连接MySQL的两种方式对比,一种是原生的链接方式另外一种是PDO方式,附上示例,推荐给大家,有需要的小伙伴可以参考下 记录一下PHP连接MySQL的两种方式. 先mock一下数据,可以执行一下s ...
  11. 判断JS对象是否拥有某种属性的两种方式

    这篇文章主要介绍了判断JS对象是否拥有某种属性的两种方式,有需要的朋友可以参考一下 两种方式,但稍有区别 1,in 运算符 var obj = {name:'jack'}; alert('name' in obj); / ...
  12. html页面显示年月日时分秒和星期几的两种方式

    在html页面中显示时间是很常见的,实现的方法有很多,下面为大家简单介绍两种方式,有需求的朋友可以参考下,希望对大家有所帮助 Js代码 //-----------------------------方式一-------- ...
  13. PHP无限分类代码,支持数组格式化.直接输出菜单两种方式

    一朋友写的PHP无限分类代码,分享给大家,支持数组格式化.直接输出菜单两种方式 <?php /** +------------------------------------------------ * 通用的树型 ...
  14. 如何用JavaScript动态呼叫函数(两种方式)

    下面介绍一下动态呼叫函数目前应该有下面两种方式,它们之间的使用及对比,感兴趣的朋友可以研究下,希望可以帮助到你 近来的使用者,越来越强调 UI 介面的互动,渐渐原本对一条小龙来说只是配角的 JavaScript (以下简 ...
  15. Java创建多线程的两种方式对比

    在Java中创建线程的方式有两种,第一种是直接继承Thead类,另一种是实现Runable接口.那么这两种方式孰优孰劣呢?这就是本文需要探讨的内容范畴了,看官们请仔细向下看 采用继承Thead类实现多线程: 优势:编写简 ...
  16. jquery ajax提交表单数据的两种方式

    貌似AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职的时候屡被淘汰.我也是一个WEB程序开发者,当然我也要"随波逐流"一把,不然饭碗不保啊! 之前实现AJAX使用 ...
  17. JavaScript为对象原型prototype添加属性的两种方式

    为对象原型prototype添加属性的的方法, 需要的朋友可以参考下. <script type="text/javascript"> <!-- /* 给原型 prototype 添 ...
  18. php将字符串转化成date存入数据库的两种方式

    这篇文章主要介绍了php将字符串转化成date存入数据库的两种方式,需要的朋友可以参考下 第一种方式 $date= date("Y-m-d",strtotime("2011-12-12&qu ...
  19. .net后台代码调用前台JS的两种方式

    这篇文章主要介绍了.net后台代码调用前台JS的两种方式,需要的朋友可以参考下 1 这种方式只能调用简单的JS代码.不能调用自定义的函数. string jss = "<script language=' ...