当前位置:  编程技术>jquery

jquery设置元素readonly和disabled(checkbox只读)

    来源: 互联网  发布时间:2014-10-07

    本文导语:  Jquery api中提供了对元素应用disabled和readonly属性的方法: 1,readonly   代码示例: $('input').attr("readonly","readonly")//将input元素设置为readonly  $('input').removeAttr("readonly");//去除input元素的readonly属性      if($('input').attr("readonly")=...

Jquery api中提供了对元素应用disabled和readonly属性的方法:
1,readonly
 

代码示例:
$('input').attr("readonly","readonly")//将input元素设置为readonly 
$('input').removeAttr("readonly");//去除input元素的readonly属性 
   
if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性 

对于为元素设置readonly属性和取消readonly属性的方法还有如下两种: 
 

代码示例:
$('input').attr("readonly",true)//将input元素设置为readonly 
$('input').attr("readonly",false)//去除input元素的readonly属性 
 
$('input').attr("readonly","readonly")//将input元素设置为readonly 
$('input').attr("readonly","")//去除input元素的readonly属性 

2,disabled
 

代码示例:
$('input').attr("disabled","disabled")//将input元素设置为disabled 
$('input').removeAttr("disabled");//去除input元素的disabled属性 
  
if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

对于为元素设置disabled属性和取消disabled属性的方法还有如下两种: 
 

代码示例:
$('input').attr("disabled",true)//将input元素设置为disabled 
$('input').attr("disabled",false)//去除input元素的disabled属性 
 
$('input').attr("disabled","disabled")//将input元素设置为disabled 
$('input').attr("disabled","")//去除input元素的disabled属性 

3,关于checkbox的(checkbox看是否为一组是用name值相同来判断的)
因为checkbox本身并没有提供readonly方法,而用了disabled会变成灰色,所以找了俩个方法

方式一: 
checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读: 
设置:onclick="return false"   
js中:checkbox.onclick=function(){return false;};  
 
方式二: 
 

代码示例:
 
 
 $(function(){ 
 $("input[type='checkbox']").click( 
  function(){ 
   this.checked = !this.checked; 
   } 
  ); 

); 
 

4,select设置只读
使用disabled吧,没有找到类似checkbox这种方案,取值只好用hidden了。


    
 
 

您可能感兴趣的文章:

  • 使用jQuery设置disabled属性与移除disabled属性
  • jquery设置input中disabled属性
  • JQuery设置input属性(disabled、enabled)
  • jquery设置disabled属性为true的方法 超链接加上disabled属性
  • jquery设置元素的readonly和disabled属性
  • jquery如何设置元素readonly与disabled属性
  • jquery设置元素readonly与disabled属性
  • jquery批量设置属性readonly和disabled的方法
  • jQuery操作hidden、disable无值属性
  • jQuery中操控hidden、disable等无值属性的方法
  • jquery如何设置与去除disabled属性?五种方法
  • jquery设置disabled元素属性的多种方法
  • WEB前端 iis7站长之家
  • jquery改变disabled的boolean状态的三种方法
  • jquery操作checked属性以及disabled属性的多种方法
  • jquery改变disabled状态的几种方法
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery checkbox
  • jquery遍历checkbox简单示例
  • jquery遍历checkbox代码与说明
  • JQuery checkbox全选的小例子
  • jquery遍历checkbox介绍
  • jquery遍历checkbox的注意事项说明
  • jquery动态获取复选框checkbox选中个数
  • jQuery判断checkbox是否被选中的三种方法
  • jQuery判断checkbox是否选中的3种方法
  • jquery判断复选框checkbox是否选中的简单示例
  • jQuery1.9.1针对checkbox的调整方法(prop)
  • jquery操作checkbox实现全选和取消全选
  • jQuery获取Radio,CheckBox选择的Value值(示例代码)
  • jquery操作checkbox示例分享
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery如何获取input readOnly属性
  • jQuery为文本框添加只读属性readOnly
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery
  • jQuery链接插件 jquery.biggerlink


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3