• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 利用jQuery来动态为属性添加或者删除属性的简单方法

利用jQuery来动态为属性添加或者删除属性的简单方法

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了jquery动态添加属性等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

现在做的项目有这样一个需要:

先看图吧^^

 

要求:

1、当点击导出Excel方式的时候,如果是“勾选导出”或“不分页导出”时,下面的文本框不能修改

2、当点击“分页导出”时,第一个文本框中的值可以被修改,但第二个文本框中的值不可以手动修改,但会随着第一个文本框中输入的值不断变化

实现:

这个页面我就不说怎么做的了,咱们看重点,如何来实现动态的增加属性值:

function changeAttr(){                //onchange事件 添加和去除只读属性
      var radios = document.forms[0].radio;
      for (var i = 0; i < radios.length; i++) {  
          if (radios[2].checked == true) {  
             remAttr();              //如何选择的是勾选导出,去除文本框的disabled属性
             break;
         }else{
             addAttr();
             break;                //如果判断出选中的哪一个单选按钮之后,要跳出循环
         }
      }
  }

 

     function remAttr(){ 

         $("#sheet").attr("disabled",false);      //去除disabled属性

     }

 

      function addAttr(){ 

         $("#sheet").attr("disabled",true);      //添加disabled属性

     }

说明:这里的sheet为第一个文本框中的id值,这里我们是用jQuery来实现的,但如果用javascript呢?

document.getElementById("sheet").disabled = false;

以上这篇利用jQuery来动态为属性添加或者删除属性的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • JQuery表格内容过滤的实现方法
  • jQuery实现的网页右下角tab样式在线客服效果代码
  • html、css和jquery相结合实现简单的进度条效果实例代码
  • Jquery 的扩展方法总结
  • jQuery获取select选中的option的value值实现方法
  • jQuery 性能优化手册 推荐
  • 基于jquery.Jcrop的头像编辑器
  • jQuery给元素添加样式的方法详解
  • jQuery实现Flash效果上下翻动的中英文导航菜单代码
  • 教你如何终止JQUERY的$.AJAX请求

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Jquery实现的一种常用高亮效果示例代码
    • ToolTips JQEURY插件之简洁小提示框效果
    • 提取jquery的ready()方法单独使用示例
    • jquery 校验中国身份证号码实例详解
    • jquery获取tr并更改tr内容示例代码
    • jquery 常用操作整理 基础入门篇
    • jquery中使用ajax获取远程页面信息
    • jQuery内存泄露解决办法
    • 单元选择合并变色示例代码
    • jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有