当前位置:  编程技术>jquery

JQuery禁用radio、select、checkbox的实现代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  代码如下: 代码示例: /**  * 禁用radio、select、checkbox  * edit www. */ $(document).ready(function(){        var input = $("#appDIV").find("input:radio");    input.attr("disabled","disabled");    input.each(function(){      if($(this).val()==2){      ...

代码如下:

代码示例:


/**
 * 禁用radio、select、checkbox
 * edit www.
*/
$(document).ready(function(){

  
    var input = $("#appDIV").find("input:radio");
   input.attr("disabled","disabled");
   input.each(function(){
     if($(this).val()==2){
        $(this).attr("checked",true);
     }   
   });

  
   var checkbox = $("#ce").find("input:checkbox");
   checkbox.attr("disabled","disabled");
    checkbox.each(function(){
     if($(this).val()=="Monthly"){
        $(this).attr("checked",true);
     }   
   });

  
   $("#selectItem option:disabled").css('color', '#CCC');
   $('#selectItem').change(function(){
    if(this[this.selectedIndex].disabled){
     this.selectedIndex = this.s||0;
    }else{
     this.s = this.selectedIndex||0;
    }
   });

  
   $("#selectItem").attr("disabled","disabled");

});



    1
    2
    3


  
    Flowers
    Gardens
    Trees
  


    Dairy
    Weekly
    Monthly

运行结果如下面的二张图所示:

        (方法一)

    (方法二)


    
 
 

您可能感兴趣的文章:

  • jquery的attr方法禁用表单元素禁用输入内容
  • jQuery 禁用右键菜单的简单代码
  • Jquery禁用所有select标签的值的方法
  • jquery禁用右键方法举例
  • Jquery 禁用缓存的方法介绍
  • jquery禁用右键示例
  • jquery禁用右键单击功能屏蔽F5刷新
  • jquery控制按钮的禁用与启用 禁用右键等
  • jQuery点击按钮后用禁用按钮并显示[正在处理...]的实现代码
  • jquery禁用右键、文本选择及复制按键的代码
  • jquery实现人性化的有选择性禁用鼠标右键
  • jQuery禁用a和input打开链接的实现代码
  • jquery 禁用submit按钮及禁止重复提交的代码
  • jquery禁用右键、文本选择功能、复制按键的代码(兼容多浏览器)
  • 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示例分享
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jQuery为checkbox、radio赋值的例子
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jquery代码-如何使用jQuery来解析xml
  • jQuery概述,代码举例及最新版下载
  • jquery代码-如何使用jQuery来检测右键和左键的鼠标单击两种情况
  • jQuery页面加载完毕再执行代码多种方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery实现元素屏幕居中显示的代码
  • jQuery 代码模块化 TerrificJS
  • 在myeclipse中如何加入jquery代码提示功能
  • jquery弹窗代码示例
  • Jquery在指定DIV加载HTML示例代码
  • JQUERY 设置SELECT选中项代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jquery代码-如何使用多个属性来进行过滤
  • 简单的代码实现jquery定时器
  • jquery捕捉回车事件的代码
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery实现图片路径不存在时进行替换的代码
  • jquery 页面滚动到指定DIV的代码
  • jQuery 表格隔行换色 鼠标高亮行变色的实现代码
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn


  • 站内导航:


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

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

    浙ICP备11055608号-3